fic-designsystem-components 1.0.0 → 1.1.2

package/dist/index.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DesignCheckUI={},e.React,e.jsxRuntime))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:r(s(e)),l(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t);var u={fontFamily:`'DM Sans', sans-serif`},d=t.default.forwardRef(({className:e=``,variant:t=`primary`,size:r=`md`,isLoading:i=!1,leftIcon:a,rightIcon:o,children:s,disabled:c,style:l,...d},f)=>{let p=e=>typeof e==`string`&&!e.includes(`+`)?(0,n.jsx)(`i`,{className:`fa-solid fa-${e}`,"aria-hidden":`true`}):e;return(0,n.jsxs)(`button`,{ref:f,className:[`base-button`,`base-button--${t}`,`base-button--${r}`,i?`base-button--loading`:``,e].filter(Boolean).join(` `),disabled:c||i,style:{...u,...l},...d,children:[i&&(0,n.jsx)(`span`,{className:`base-button__spinner`,"aria-hidden":`true`}),a&&!i&&(0,n.jsx)(`span`,{className:`base-button__icon base-button__icon--left`,"aria-hidden":`true`,children:p(a)}),(0,n.jsx)(`span`,{className:`base-button__label`,children:s}),o&&!i&&(0,n.jsx)(`span`,{className:`base-button__icon base-button__icon--right`,"aria-hidden":`true`,children:p(o)})]})});d.displayName=`BaseButton`;var f={fontFamily:`'DM Sans', sans-serif`},p=t.default.forwardRef(({label:e=`Label`,subtext:t,variant:r=`square`,state:i=`default`,checked:a=!1,className:o=``,onChange:s,disabled:c,readOnly:l,...u},d)=>{let p=i===`disabled`||c,m=i===`readonly`||l,h=[`checkbox-container`,i===`focus`?`checkbox-container--focus`:``,i===`hover`?`checkbox-container--hover`:``,o].filter(Boolean).join(` `),g=[`checkbox-box`,`checkbox-box--${r}`,a?`checkbox-box--checked`:``,p?`checkbox-box--disabled`:``,m?`checkbox-box--readonly`:``].filter(Boolean).join(` `),_=[`checkbox-label`,p?`checkbox-label--disabled`:``,m?`checkbox-label--readonly`:``].filter(Boolean).join(` `);return(0,n.jsxs)(`label`,{className:h,style:f,children:[(0,n.jsxs)(`div`,{className:`checkbox-row`,children:[(0,n.jsx)(`input`,{ref:d,type:`checkbox`,checked:a,onChange:e=>{p||m||s&&s(e)},disabled:p,readOnly:m,style:{display:`none`},...u}),(0,n.jsx)(`div`,{className:g,children:a&&(0,n.jsx)(`div`,{className:`checkbox-icon`,children:(0,n.jsx)(`svg`,{width:`12`,height:`9`,viewBox:`0 0 12 9`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M1 4.5L4.5 8L11 1`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})}),(0,n.jsx)(`span`,{className:_,children:e})]}),t&&(0,n.jsx)(`div`,{className:`checkbox-subtext`,children:t})]})});p.displayName=`Checkbox`;var m={fontFamily:`'DM Sans', sans-serif`},h={Calendar:e=>(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[(0,n.jsx)(`rect`,{x:`2`,y:`3`,width:`12`,height:`11`,rx:`2`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M2 7H14`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M5 2V4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`}),(0,n.jsx)(`path`,{d:`M11 2V4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),ChevronDown:e=>(0,n.jsx)(`svg`,{width:`10`,height:`6`,viewBox:`0 0 10 6`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,n.jsx)(`path`,{d:`M1 1L5 5L9 1`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}),Star:e=>(0,n.jsx)(`svg`,{width:`8`,height:`8`,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,n.jsx)(`path`,{d:`M4 0L4.8541 3.1459H8L5.44272 5L6.29682 8.1459L4 6.25L1.70318 8.1459L2.55728 5L0 3.1459H3.1459L4 0Z`,fill:`var(--colors-primitive-color-tokens-red-500, #E73D36)`})})},g=t.default.forwardRef(({label:e=`Label`,required:r=!1,placeholder:i=`Select Date`,value:a=``,onChange:o,className:s=``,mode:c=`single`,state:l=`default`,...u},d)=>{let[f,p]=(0,t.useState)(!1),[g,_]=(0,t.useState)(typeof a==`string`?a:``),[v,y]=(0,t.useState)(typeof a==`string`?a:``),[b,x]=(0,t.useState)(Array.isArray(a)?a:[``,``]),[S,C]=(0,t.useState)(Array.isArray(a)?a:[``,``]);(0,t.useEffect)(()=>{if(typeof a==`string`){if(_(a),y(a),a){let e=new Date(a);isNaN(e.getTime())||(T(e.getMonth()),D(e.getFullYear()))}}else if(Array.isArray(a)&&(x(a),C(a),a[0])){let e=new Date(a[0]);isNaN(e.getTime())||(T(e.getMonth()),D(e.getFullYear()))}},[a]);let[w,T]=(0,t.useState)(new Date().getMonth()),[E,D]=(0,t.useState)(new Date().getFullYear()),[O,k]=(0,t.useState)(!1),[A,j]=(0,t.useState)(!1),[M,N]=(0,t.useState)(null),P=(0,t.useRef)(null);t.default.useImperativeHandle(d,()=>P.current);let F=c===`range`,I=l===`disabled`,L=l===`readonly`,R=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],z=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],B=[{label:`Today`,getValue:()=>{let e=new Date().toISOString().split(`T`)[0];return[e,e]}},{label:`Yesterday`,getValue:()=>{let e=new Date;e.setDate(e.getDate()-1);let t=e.toISOString().split(`T`)[0];return[t,t]}},{label:`Last 7 days`,getValue:()=>{let e=new Date,t=new Date;return t.setDate(e.getDate()-6),[t.toISOString().split(`T`)[0],e.toISOString().split(`T`)[0]]}},{label:`Last 14 days`,getValue:()=>{let e=new Date,t=new Date;return t.setDate(e.getDate()-13),[t.toISOString().split(`T`)[0],e.toISOString().split(`T`)[0]]}},{label:`Custom`,getValue:()=>[``,``]}];(0,t.useEffect)(()=>{let e=e=>{P.current&&!P.current.contains(e.target)&&p(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let V=()=>{I||L||(f||(y(g),C(b),k(!1),j(!1)),p(!f))},H=(e,t)=>{if(!t)if(F)if(!S[0]||S[0]&&S[1])C([e,``]),N(null);else{let t=new Date(S[0]);C(new Date(e)<t?[e,S[0]]:[S[0],e]),N(null)}else y(e)},U=e=>{let t=e.getValue();if(C(t),N(null),t[0]){let e=new Date(t[0]);T(e.getMonth()),D(e.getFullYear())}},W=e=>{e.stopPropagation(),F?(x(S),o&&o(S)):(_(v),o&&o(v)),p(!1)},G=e=>{e.stopPropagation(),F?C(b):y(g),p(!1)},K=(e,t,r=!1)=>{let i=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDate(),o=new Date(t,e,0).getDate(),s=i===0?6:i-1,c=[];for(let n=s-1;n>=0;n--){let r=o-n,i=e===0?11:e-1,a=e===0?t-1:t;c.push({day:r,month:i,year:a,currentMonth:!1})}for(let n=1;n<=a;n++)c.push({day:n,month:e,year:t,currentMonth:!0});let l=42-c.length;for(let n=1;n<=l;n++){let r=e===11?0:e+1,i=e===11?t+1:t;c.push({day:n,month:r,year:i,currentMonth:!1})}let u=[],d=new Date().getFullYear();for(let e=d-10;e<=d+10;e++)u.push(e);return(0,n.jsxs)(`div`,{className:`datepicker__calendar`,children:[(0,n.jsx)(`div`,{className:`datepicker__header`,children:(0,n.jsxs)(`div`,{className:`datepicker__header-selectors`,children:[(0,n.jsxs)(`div`,{className:`datepicker__header-select`,onClick:e=>{e.stopPropagation(),r||(k(!O),j(!1))},style:{position:`relative`},children:[z[e],(0,n.jsx)(`span`,{className:`datepicker__header-icon`,children:(0,n.jsx)(h.ChevronDown,{})}),!r&&O&&(0,n.jsx)(`div`,{className:`datepicker__select-dropdown`,style:{position:`absolute`,top:`100%`,left:0,width:`100%`,maxHeight:`200px`,overflowY:`auto`,background:`var(--Colors-Functional-Bkg-Bkg_Default, white)`,border:`1px solid var(--Colors-Functional-Border-Border_Default, #C3C1B5)`,borderRadius:`8px`,zIndex:10,boxShadow:`0 4px 12px rgba(0,0,0,0.1)`},children:z.map((t,r)=>(0,n.jsx)(`div`,{className:`datepicker__select-option`,style:{padding:`8px 12px`,cursor:`pointer`,background:e===r?`var(--Colors-Functional-Bkg-Bkg_Default, #F6F6F3)`:`transparent`,fontSize:`14px`},onClick:e=>{e.stopPropagation(),T(r),k(!1)},children:t},t))})]}),(0,n.jsxs)(`div`,{className:`datepicker__header-select`,onClick:e=>{e.stopPropagation(),r||(j(!A),k(!1))},style:{position:`relative`},children:[t,(0,n.jsx)(`span`,{className:`datepicker__header-icon`,children:(0,n.jsx)(h.ChevronDown,{})}),!r&&A&&(0,n.jsx)(`div`,{className:`datepicker__select-dropdown`,style:{position:`absolute`,top:`100%`,left:0,width:`100%`,maxHeight:`200px`,overflowY:`auto`,background:`var(--Colors-Functional-Bkg-Bkg_Default, white)`,border:`1px solid var(--Colors-Functional-Border-Border_Default, #C3C1B5)`,borderRadius:`8px`,zIndex:10,boxShadow:`0 4px 12px rgba(0,0,0,0.1)`},children:u.map(e=>(0,n.jsx)(`div`,{className:`datepicker__select-option`,style:{padding:`8px 12px`,cursor:`pointer`,background:t===e?`var(--Colors-Functional-Bkg-Bkg_Default, #F6F6F3)`:`transparent`,fontSize:`14px`},onClick:t=>{t.stopPropagation(),D(e),j(!1)},children:e},e))})]})]})}),!F&&(0,n.jsx)(`div`,{className:`datepicker__divider`}),(0,n.jsx)(`div`,{className:`datepicker__weekdays`,children:R.map(e=>(0,n.jsx)(`div`,{className:`datepicker__weekday`,children:e},e))}),(0,n.jsx)(`div`,{className:`datepicker__days`,onMouseLeave:()=>N(null),children:c.map((e,t)=>{let r=`${e.year}-${(e.month+1).toString().padStart(2,`0`)}-${e.day.toString().padStart(2,`0`)}`,i=F?S[0]===r||S[1]===r:v===r,a=!1;if(F&&S[0]){let e=new Date(S[0]),t=S[1]?new Date(S[1]):M?new Date(M):null,n=new Date(r);t&&(a=n>(e<t?e:t)&&n<(e<t?t:e))}return(0,n.jsx)(`div`,{className:`datepicker__day ${e.currentMonth?``:`datepicker__day--disabled`} ${i?`datepicker__day--selected`:``} ${a?`datepicker__day--in-range`:``}`,onClick:t=>{t.stopPropagation(),H(r,!e.currentMonth)},onMouseEnter:()=>{F&&S[0]&&!S[1]&&N(r)},children:(0,n.jsx)(`div`,{className:`datepicker__day-text`,children:e.day})},t)})})]})},q=(0,t.useMemo)(()=>F?b[0]&&b[1]?`${b[0]} - ${b[1]}`:b[0]?`${b[0]} - ...`:``:g,[F,b,g]),J=[`datepicker`,F?`datepicker--range`:``,s].filter(Boolean).join(` `),Y=[`datepicker__input-wrapper`,f?`datepicker__input-wrapper--focus`:``,`datepicker__input-wrapper--${l}`,I?`datepicker__input-wrapper--disabled`:``,L?`datepicker__input-wrapper--readonly`:``].filter(Boolean).join(` `);return(0,n.jsxs)(`div`,{className:J,ref:P,style:m,...u,children:[e&&(0,n.jsxs)(`div`,{className:`datepicker__label-row`,children:[(0,n.jsx)(`span`,{className:`datepicker__label`,children:e}),r&&(0,n.jsx)(`span`,{className:`datepicker__required-star`,children:(0,n.jsx)(h.Star,{})})]}),(0,n.jsxs)(`div`,{className:Y,onClick:V,children:[q?(0,n.jsx)(`span`,{className:`datepicker__value`,children:q}):(0,n.jsx)(`span`,{className:`datepicker__placeholder`,children:i}),(0,n.jsx)(`span`,{className:`datepicker__icon-wrapper`,children:(0,n.jsx)(h.Calendar,{})})]}),f&&(0,n.jsx)(`div`,{className:`datepicker__dropdown ${F?`datepicker__dropdown--range`:``}`,onClick:e=>e.stopPropagation(),children:F?(0,n.jsxs)(`div`,{style:{display:`flex`,flex:1},children:[(0,n.jsx)(`div`,{className:`datepicker__presets`,children:B.map(e=>(0,n.jsx)(`div`,{className:`datepicker__preset ${JSON.stringify(S)===JSON.stringify(e.getValue())?`datepicker__preset--active`:``}`,onClick:()=>U(e),children:e.label},e.label))}),(0,n.jsx)(`div`,{className:`datepicker__vertical-divider`}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,flex:1},children:[(0,n.jsxs)(`div`,{className:`datepicker__calendar-container`,children:[K(w,E,!1),(0,n.jsx)(`div`,{className:`datepicker__vertical-divider datepicker__vertical-divider--calendar`}),K(w===11?0:w+1,w===11?E+1:E,!0)]}),(0,n.jsxs)(`div`,{className:`datepicker__footer`,children:[(0,n.jsx)(`div`,{className:`datepicker__divider`}),(0,n.jsxs)(`div`,{className:`datepicker__actions`,children:[(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--cancel`,onClick:G,children:`CANCEL`}),(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--apply`,onClick:W,disabled:!S[0]||!S[1],children:`APPLY`})]})]})]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`datepicker__dropdown-main`,children:(0,n.jsx)(`div`,{className:`datepicker__calendar-container`,children:K(w,E,!1)})}),(0,n.jsxs)(`div`,{className:`datepicker__footer`,children:[(0,n.jsx)(`hr`,{}),(0,n.jsxs)(`div`,{className:`datepicker__actions`,children:[(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--cancel`,onClick:G,children:`CANCEL`}),(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--apply`,onClick:W,disabled:!v,children:`APPLY`})]})]})]})})]})});g.displayName=`DatePicker`;var _={fontFamily:`'DM Sans', sans-serif`},v=t.default.forwardRef(({className:e=``,variant:t=`blue`,size:r=`md`,stacked:i=!1,subtext:a,children:o,style:s,...c},l)=>{let u=[`pill-badge`,`pill-badge--${t}`,i?`pill-badge--stacked`:`pill-badge--${r===`lg`?`md`:r}`,e].filter(Boolean).join(` `),d=r===`lg`?`pill-badge__title--lg`:`pill-badge__title--md`;return(0,n.jsxs)(`div`,{ref:l,className:u,style:{..._,...s},...c,children:[(0,n.jsx)(`div`,{className:`pill-badge__title ${i?d:``}`,children:o}),i&&a&&(0,n.jsx)(`div`,{className:`pill-badge__subtext`,children:a})]})});v.displayName=`PillBadge`;var y={fontFamily:`'DM Sans', sans-serif`},b=t.default.forwardRef(({label:e,percentage:t=0,usedText:r,remainingText:i,variant:a=`default`,size:o=`sm`,withCard:s=!1,width:c,className:l=``,style:u,...d},f)=>{let p=Math.max(0,Math.min(100,t)),m=[`progressbar`,s?`progressbar--card`:``,l].filter(Boolean).join(` `),h=[`progressbar__track`,`progressbar__track--${o}`].join(` `),g=[`progressbar__fill`,`progressbar__fill--${a}`].join(` `);return(0,n.jsxs)(`div`,{ref:f,className:m,style:{...y,width:c,...u},...d,children:[(e||t!==void 0)&&(0,n.jsxs)(`div`,{className:`progressbar__header`,children:[e&&(0,n.jsx)(`span`,{className:`progressbar__label`,children:e}),t!==void 0&&(0,n.jsxs)(`span`,{className:`progressbar__percentage`,children:[p,`%`]})]}),(0,n.jsx)(`div`,{className:h,children:(0,n.jsx)(`div`,{className:g,style:{width:`${p}%`}})}),(r||i)&&(0,n.jsxs)(`div`,{className:`progressbar__footer`,children:[r&&(0,n.jsx)(`span`,{className:`progressbar__used`,children:r}),i&&(0,n.jsx)(`span`,{className:`progressbar__remaining`,children:i})]})]})});b.displayName=`ProgressBar`;var x={fontFamily:`"DM Sans", sans-serif`},S=t.default.forwardRef(({label:e,subtext:t,checked:r,disabled:i,readOnly:a=!1,className:o=``,id:s,...c},l)=>{let u=s||`radio-${Math.random().toString(36).substring(2,9)}`;return(0,n.jsxs)(`div`,{className:[`radio-button`,r?`radio-button--checked`:``,i?`radio-button--disabled`:``,a?`radio-button--readonly`:``,o].filter(Boolean).join(` `),style:x,children:[(0,n.jsxs)(`div`,{className:`radio-button__wrapper`,children:[(0,n.jsx)(`input`,{ref:l,type:`radio`,id:u,className:`radio-button__input`,checked:r,disabled:i||a,...c}),(0,n.jsx)(`label`,{htmlFor:u,className:`radio-button__visual`,children:(0,n.jsx)(`span`,{className:`radio-button__outer-circle`,children:r&&(0,n.jsx)(`span`,{className:`radio-button__inner-circle`})})})]}),(e||t)&&(0,n.jsxs)(`div`,{className:`radio-button__content`,children:[e&&(0,n.jsx)(`label`,{htmlFor:u,className:`radio-button__label`,children:e}),t&&(0,n.jsx)(`span`,{className:`radio-button__subtext`,children:t})]})]})});S.displayName=`RadioButton`;var C={fontFamily:`"DM Sans", sans-serif`},w=t.default.forwardRef(({collapsible:e=!1,className:r=``,disabled:i,placeholder:a=`Search by whatever thing...`,onSearch:o,...s},c)=>{let[l,u]=(0,t.useState)(!e),[d,f]=(0,t.useState)(``),p=(0,t.useRef)(null);return(0,t.useEffect)(()=>{u(!e)},[e]),(0,t.useEffect)(()=>{if(!e)return;let t=e=>{p.current&&!p.current.contains(e.target)&&d===``&&u(!1)};return document.addEventListener(`mousedown`,t),()=>document.removeEventListener(`mousedown`,t)},[e,d]),(0,n.jsx)(`div`,{className:[`search-box`,e?`search-box--collapsible`:``,l?`search-box--expanded`:`search-box--collapsed`,i?`search-box--disabled`:``,r].filter(Boolean).join(` `),style:C,ref:p,children:(0,n.jsxs)(`div`,{className:`search-box__wrapper`,onClick:()=>{e&&!i&&u(!l)},children:[(0,n.jsx)(`div`,{className:`search-box__icon-container`,children:(0,n.jsxs)(`svg`,{className:`search-box__icon`,width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`path`,{d:`M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M10 10L14 14`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}),l&&(0,n.jsx)(`input`,{ref:c,type:`text`,className:`search-box__input`,placeholder:a,value:d,disabled:i,onChange:e=>{f(e.target.value),s.onChange&&s.onChange(e)},onKeyDown:e=>{e.key===`Enter`&&o&&o(d),s.onKeyDown&&s.onKeyDown(e)},autoFocus:e&&l,...s})]})})});w.displayName=`SearchBox`;var T={fontFamily:`'DM Sans', sans-serif`},E=e=>{switch(e){case`plus`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M7 2.91666V11.0833M2.91666 7H11.0833`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`check`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M11.6667 3.5L5.25 9.91667L2.33333 7`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`chevron-down`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M3.5 5.25L7 8.75L10.5 5.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`arrow-right`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M2.91666 7H11.0833M11.0833 7L7.58333 3.5M11.0833 7L7.58333 10.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});default:return null}},D=t.default.forwardRef(({className:e=``,variant:t=`active`,icon:r,children:i,style:a,...o},s)=>{let c=[`state-badge`,`state-badge--${t}`,e].filter(Boolean).join(` `),l=()=>{if(!r)return null;if(typeof r==`string`){let e=E(r);return e?(0,n.jsx)(`span`,{className:`state-badge__icon`,children:e}):null}return(0,n.jsx)(`span`,{className:`state-badge__icon`,children:r})};return(0,n.jsxs)(`div`,{ref:s,className:c,style:{...T,...a},...o,children:[l(),(0,n.jsx)(`div`,{className:`state-badge__label`,children:i})]})});D.displayName=`StateBadge`,e.BaseButton=d,e.Checkbox=p,e.DatePicker=g,e.PillBadge=v,e.ProgressBar=b,e.RadioButton=S,e.SearchBox=w,e.StateBadge=D});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DesignCheckUI={},e.React,e.jsxRuntime))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:r(s(e)),l(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t);var u={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},d=t.default.forwardRef(({className:e=``,variant:t=`primary`,size:r=`md`,isLoading:i=!1,leftIcon:a,rightIcon:o,children:s,disabled:c,style:l,...d},f)=>{let p=e=>typeof e==`string`&&!e.includes(`+`)?(0,n.jsx)(`i`,{className:`fa-solid fa-${e}`,"aria-hidden":`true`}):e;return(0,n.jsxs)(`button`,{ref:f,className:[`button`,`button--${t}`,`button--${r}`,i?`button--loading`:``,e].filter(Boolean).join(` `),disabled:c||i,style:{...u,...l},...d,children:[i&&(0,n.jsx)(`span`,{className:`button__spinner`,"aria-hidden":`true`}),a&&!i&&(0,n.jsx)(`span`,{className:`button__icon button__icon--left`,"aria-hidden":`true`,children:p(a)}),(0,n.jsx)(`span`,{className:`button__label`,children:s}),o&&!i&&(0,n.jsx)(`span`,{className:`button__icon button__icon--right`,"aria-hidden":`true`,children:p(o)})]})});d.displayName=`Button`;var f={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},p=t.default.forwardRef(({label:e=`Label`,subtext:r,variant:i=`square`,state:a=`default`,checked:o=!1,indeterminate:s=!1,className:c=``,onChange:l,disabled:u,readOnly:d,...p},m)=>{let h=t.default.useRef(null),g=m||h;t.default.useEffect(()=>{g.current&&(g.current.indeterminate=s)},[s,g]);let _=a===`disabled`||u,v=a===`readonly`||d,y=[`checkbox-container`,a===`focus`?`checkbox-container--focus`:``,a===`hover`?`checkbox-container--hover`:``,c].filter(Boolean).join(` `),b=[`checkbox-box`,`checkbox-box--${i}`,o?`checkbox-box--checked`:``,s?`checkbox-box--indeterminate`:``,_?`checkbox-box--disabled`:``,v?`checkbox-box--readonly`:``].filter(Boolean).join(` `),x=[`checkbox-label`,_?`checkbox-label--disabled`:``,v?`checkbox-label--readonly`:``].filter(Boolean).join(` `);return(0,n.jsxs)(`label`,{className:y,style:f,children:[(0,n.jsxs)(`div`,{className:`checkbox-row`,children:[(0,n.jsx)(`input`,{ref:g,type:`checkbox`,checked:o,onChange:e=>{_||v||l&&l(e)},disabled:_,readOnly:v,style:{display:`none`},...p}),(0,n.jsxs)(`div`,{className:b,children:[o&&!s&&(0,n.jsx)(`div`,{className:`checkbox-icon`,children:(0,n.jsx)(`svg`,{width:`12`,height:`9`,viewBox:`0 0 12 9`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M1 4.5L4.5 8L11 1`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})}),s&&(0,n.jsx)(`div`,{className:`checkbox-icon`,children:(0,n.jsx)(`svg`,{width:`12`,height:`2`,viewBox:`0 0 12 2`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M1 1H11`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})})})]}),(0,n.jsx)(`span`,{className:x,children:e})]}),r&&(0,n.jsx)(`div`,{className:`checkbox-subtext`,children:r})]})});p.displayName=`Checkbox`;var m={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},h={Calendar:e=>(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[(0,n.jsx)(`rect`,{x:`2`,y:`3`,width:`12`,height:`11`,rx:`2`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M2 7H14`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M5 2V4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`}),(0,n.jsx)(`path`,{d:`M11 2V4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),ChevronDown:e=>(0,n.jsx)(`svg`,{width:`10`,height:`6`,viewBox:`0 0 10 6`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,n.jsx)(`path`,{d:`M1 1L5 5L9 1`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}),Star:e=>(0,n.jsx)(`svg`,{width:`8`,height:`8`,viewBox:`0 0 8 8`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,n.jsx)(`path`,{d:`M4 0L4.8541 3.1459H8L5.44272 5L6.29682 8.1459L4 6.25L1.70318 8.1459L2.55728 5L0 3.1459H3.1459L4 0Z`,fill:`var(--colors-primitive-color-tokens-red-500, #E73D36)`})})},g=t.default.forwardRef(({label:e=`Label`,required:r=!1,placeholder:i=`Select Date`,value:a=``,onChange:o,className:s=``,mode:c=`single`,state:l=`default`,...u},d)=>{let[f,p]=(0,t.useState)(!1),[g,_]=(0,t.useState)(typeof a==`string`?a:``),[v,y]=(0,t.useState)(typeof a==`string`?a:``),[b,x]=(0,t.useState)(Array.isArray(a)?a:[``,``]),[S,C]=(0,t.useState)(Array.isArray(a)?a:[``,``]);(0,t.useEffect)(()=>{if(typeof a==`string`){if(_(a),y(a),a){let e=new Date(a);isNaN(e.getTime())||(T(e.getMonth()),D(e.getFullYear()))}}else if(Array.isArray(a)&&(x(a),C(a),a[0])){let e=new Date(a[0]);isNaN(e.getTime())||(T(e.getMonth()),D(e.getFullYear()))}},[a]);let[w,T]=(0,t.useState)(new Date().getMonth()),[E,D]=(0,t.useState)(new Date().getFullYear()),[O,k]=(0,t.useState)(!1),[A,j]=(0,t.useState)(!1),[M,N]=(0,t.useState)(null),P=(0,t.useRef)(null);t.default.useImperativeHandle(d,()=>P.current);let F=c===`range`,I=l===`disabled`,L=l===`readonly`,R=[`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`,`Sun`],z=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],B=[{label:`Today`,getValue:()=>{let e=new Date().toISOString().split(`T`)[0];return[e,e]}},{label:`Yesterday`,getValue:()=>{let e=new Date;e.setDate(e.getDate()-1);let t=e.toISOString().split(`T`)[0];return[t,t]}},{label:`Last 7 days`,getValue:()=>{let e=new Date,t=new Date;return t.setDate(e.getDate()-6),[t.toISOString().split(`T`)[0],e.toISOString().split(`T`)[0]]}},{label:`Last 14 days`,getValue:()=>{let e=new Date,t=new Date;return t.setDate(e.getDate()-13),[t.toISOString().split(`T`)[0],e.toISOString().split(`T`)[0]]}},{label:`Custom`,getValue:()=>[``,``]}];(0,t.useEffect)(()=>{let e=e=>{P.current&&!P.current.contains(e.target)&&p(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let V=()=>{I||L||(f||(y(g),C(b),k(!1),j(!1)),p(!f))},H=(e,t)=>{if(!t)if(F)if(!S[0]||S[0]&&S[1])C([e,``]),N(null);else{let t=new Date(S[0]);C(new Date(e)<t?[e,S[0]]:[S[0],e]),N(null)}else y(e)},U=e=>{let t=e.getValue();if(C(t),N(null),t[0]){let e=new Date(t[0]);T(e.getMonth()),D(e.getFullYear())}},W=e=>{e.stopPropagation(),F?(x(S),o&&o(S)):(_(v),o&&o(v)),p(!1)},G=e=>{e.stopPropagation(),F?C(b):y(g),p(!1)},K=(e,t,r=!1)=>{let i=new Date(t,e,1).getDay(),a=new Date(t,e+1,0).getDate(),o=new Date(t,e,0).getDate(),s=i===0?6:i-1,c=[];for(let n=s-1;n>=0;n--){let r=o-n,i=e===0?11:e-1,a=e===0?t-1:t;c.push({day:r,month:i,year:a,currentMonth:!1})}for(let n=1;n<=a;n++)c.push({day:n,month:e,year:t,currentMonth:!0});let l=42-c.length;for(let n=1;n<=l;n++){let r=e===11?0:e+1,i=e===11?t+1:t;c.push({day:n,month:r,year:i,currentMonth:!1})}let u=[],d=new Date().getFullYear();for(let e=d-10;e<=d+10;e++)u.push(e);return(0,n.jsxs)(`div`,{className:`datepicker__calendar`,children:[(0,n.jsx)(`div`,{className:`datepicker__header`,children:(0,n.jsxs)(`div`,{className:`datepicker__header-selectors`,children:[(0,n.jsxs)(`div`,{className:`datepicker__header-select`,onClick:e=>{e.stopPropagation(),r||(k(!O),j(!1))},style:{position:`relative`},children:[z[e],(0,n.jsx)(`span`,{className:`datepicker__header-icon`,children:(0,n.jsx)(h.ChevronDown,{})}),!r&&O&&(0,n.jsx)(`div`,{className:`datepicker__select-dropdown`,style:{position:`absolute`,top:`100%`,left:0,width:`100%`,maxHeight:`200px`,overflowY:`auto`,background:`var(--Colors-Functional-Bkg-Bkg_Default, white)`,border:`1px solid var(--Colors-Functional-Border-Border_Default, #C3C1B5)`,borderRadius:`8px`,zIndex:10,boxShadow:`0 4px 12px rgba(0,0,0,0.1)`},children:z.map((t,r)=>(0,n.jsx)(`div`,{className:`datepicker__select-option`,style:{padding:`8px 12px`,cursor:`pointer`,background:e===r?`var(--Colors-Functional-Bkg-Bkg_Default, #F6F6F3)`:`transparent`,fontSize:`14px`},onClick:e=>{e.stopPropagation(),T(r),k(!1)},children:t},t))})]}),(0,n.jsxs)(`div`,{className:`datepicker__header-select`,onClick:e=>{e.stopPropagation(),r||(j(!A),k(!1))},style:{position:`relative`},children:[t,(0,n.jsx)(`span`,{className:`datepicker__header-icon`,children:(0,n.jsx)(h.ChevronDown,{})}),!r&&A&&(0,n.jsx)(`div`,{className:`datepicker__select-dropdown`,style:{position:`absolute`,top:`100%`,left:0,width:`100%`,maxHeight:`200px`,overflowY:`auto`,background:`var(--Colors-Functional-Bkg-Bkg_Default, white)`,border:`1px solid var(--Colors-Functional-Border-Border_Default, #C3C1B5)`,borderRadius:`8px`,zIndex:10,boxShadow:`0 4px 12px rgba(0,0,0,0.1)`},children:u.map(e=>(0,n.jsx)(`div`,{className:`datepicker__select-option`,style:{padding:`8px 12px`,cursor:`pointer`,background:t===e?`var(--Colors-Functional-Bkg-Bkg_Default, #F6F6F3)`:`transparent`,fontSize:`14px`},onClick:t=>{t.stopPropagation(),D(e),j(!1)},children:e},e))})]})]})}),!F&&(0,n.jsx)(`div`,{className:`datepicker__divider`}),(0,n.jsx)(`div`,{className:`datepicker__weekdays`,children:R.map(e=>(0,n.jsx)(`div`,{className:`datepicker__weekday`,children:e},e))}),(0,n.jsx)(`div`,{className:`datepicker__days`,onMouseLeave:()=>N(null),children:c.map((e,t)=>{let r=`${e.year}-${(e.month+1).toString().padStart(2,`0`)}-${e.day.toString().padStart(2,`0`)}`,i=F?S[0]===r||S[1]===r:v===r,a=!1;if(F&&S[0]){let e=new Date(S[0]),t=S[1]?new Date(S[1]):M?new Date(M):null,n=new Date(r);t&&(a=n>(e<t?e:t)&&n<(e<t?t:e))}return(0,n.jsx)(`div`,{className:`datepicker__day ${e.currentMonth?``:`datepicker__day--disabled`} ${i?`datepicker__day--selected`:``} ${a?`datepicker__day--in-range`:``}`,onClick:t=>{t.stopPropagation(),H(r,!e.currentMonth)},onMouseEnter:()=>{F&&S[0]&&!S[1]&&N(r)},children:(0,n.jsx)(`div`,{className:`datepicker__day-text`,children:e.day})},t)})})]})},q=(0,t.useMemo)(()=>F?b[0]&&b[1]?`${b[0]} - ${b[1]}`:b[0]?`${b[0]} - ...`:``:g,[F,b,g]),J=[`datepicker`,F?`datepicker--range`:``,s].filter(Boolean).join(` `),Y=[`datepicker__input-wrapper`,f?`datepicker__input-wrapper--focus`:``,`datepicker__input-wrapper--${l}`,I?`datepicker__input-wrapper--disabled`:``,L?`datepicker__input-wrapper--readonly`:``].filter(Boolean).join(` `);return(0,n.jsxs)(`div`,{className:J,ref:P,style:m,...u,children:[e&&(0,n.jsxs)(`div`,{className:`datepicker__label-row`,children:[(0,n.jsx)(`span`,{className:`datepicker__label`,children:e}),r&&(0,n.jsx)(`span`,{className:`datepicker__required-star`,children:(0,n.jsx)(h.Star,{})})]}),(0,n.jsxs)(`div`,{className:Y,onClick:V,children:[q?(0,n.jsx)(`span`,{className:`datepicker__value`,children:q}):(0,n.jsx)(`span`,{className:`datepicker__placeholder`,children:i}),(0,n.jsx)(`span`,{className:`datepicker__icon-wrapper`,children:(0,n.jsx)(h.Calendar,{})})]}),f&&(0,n.jsx)(`div`,{className:`datepicker__dropdown ${F?`datepicker__dropdown--range`:``}`,onClick:e=>e.stopPropagation(),children:F?(0,n.jsxs)(`div`,{style:{display:`flex`,flex:1},children:[(0,n.jsx)(`div`,{className:`datepicker__presets`,children:B.map(e=>(0,n.jsx)(`div`,{className:`datepicker__preset ${JSON.stringify(S)===JSON.stringify(e.getValue())?`datepicker__preset--active`:``}`,onClick:()=>U(e),children:e.label},e.label))}),(0,n.jsx)(`div`,{className:`datepicker__vertical-divider`}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,flex:1},children:[(0,n.jsxs)(`div`,{className:`datepicker__calendar-container`,children:[K(w,E,!1),(0,n.jsx)(`div`,{className:`datepicker__vertical-divider datepicker__vertical-divider--calendar`}),K(w===11?0:w+1,w===11?E+1:E,!0)]}),(0,n.jsxs)(`div`,{className:`datepicker__footer`,children:[(0,n.jsx)(`div`,{className:`datepicker__divider`}),(0,n.jsxs)(`div`,{className:`datepicker__actions`,children:[(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--cancel`,onClick:G,children:`CANCEL`}),(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--apply`,onClick:W,disabled:!S[0]||!S[1],children:`APPLY`})]})]})]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`datepicker__dropdown-main`,children:(0,n.jsx)(`div`,{className:`datepicker__calendar-container`,children:K(w,E,!1)})}),(0,n.jsxs)(`div`,{className:`datepicker__footer`,children:[(0,n.jsx)(`hr`,{}),(0,n.jsxs)(`div`,{className:`datepicker__actions`,children:[(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--cancel`,onClick:G,children:`CANCEL`}),(0,n.jsx)(`button`,{className:`datepicker__button datepicker__button--apply`,onClick:W,disabled:!v,children:`APPLY`})]})]})]})})]})});g.displayName=`DatePicker`;var _={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},v=t.default.forwardRef(({label:e=`InputFieldLabel`,placeholder:t=`Enter your text here`,helperText:r=`Helper Text`,errorText:i,state:a=`default`,size:o=`md`,required:s=!1,maxLength:c,currentLength:l=0,leftIcon:u,rightIcon:d,showCharacterCount:f=!1,className:p=``,disabled:m,readOnly:h,value:g,onChange:v,...y},b)=>{let x=a===`disabled`||m,S=a===`readonly`||h,C=a===`error`||!!i,w=[`inputfield-container`,`inputfield-container--${a}`,`inputfield-container--${o}`,p].filter(Boolean).join(` `),T=[`inputfield-wrapper`,`inputfield-wrapper--${a}`,u?`inputfield-wrapper--with-left-icon`:``,d?`inputfield-wrapper--with-right-icon`:``].filter(Boolean).join(` `),E=f&&c!==void 0,D=E?`${l}/${c}`:``,O=C?i:r;return(0,n.jsxs)(`div`,{className:w,children:[e&&(0,n.jsxs)(`div`,{className:`inputfield-label-wrapper`,children:[(0,n.jsx)(`label`,{className:`inputfield-label`,style:_,children:e}),s&&(0,n.jsx)(`span`,{className:`inputfield-required`,style:_,children:`*`}),E&&(0,n.jsx)(`span`,{className:`inputfield-character-count`,style:_,children:D})]}),(0,n.jsxs)(`div`,{className:T,children:[u&&(0,n.jsx)(`div`,{className:`inputfield-left-icon`,children:u}),(0,n.jsx)(`input`,{ref:b,type:`text`,className:`inputfield-input`,placeholder:t,disabled:x,readOnly:S,value:g,onChange:v,style:_,...y}),d&&(0,n.jsx)(`div`,{className:`inputfield-right-icon`,children:d})]}),O&&(0,n.jsx)(`div`,{className:`inputfield-helper-text-wrapper`,children:(0,n.jsx)(`span`,{className:`inputfield-helper-text ${C?`inputfield-helper-text--error`:``}`,style:_,children:O})})]})});v.displayName=`InputField`;var y={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},b=t.default.forwardRef(({label:e=`Percentage Off`,placeholder:t=`Select Percentage`,helperText:r=`Helper Text`,errorText:i,state:a=`default`,size:o=`md`,required:s=!1,maxLength:c,currentLength:l=0,prefixIcon:u,showCharacterCount:d=!1,className:f=``,disabled:p,readOnly:m,value:h,onChange:g,..._},v)=>{let b=a===`disabled`||p,x=a===`readonly`||m,S=a===`error`||!!i,C=[`inputfield-icon-container`,`inputfield-icon-container--${a}`,`inputfield-icon-container--${o}`,f].filter(Boolean).join(` `),w=[`inputfield-icon-wrapper`,`inputfield-icon-wrapper--${a}`,u?`inputfield-icon-wrapper--with-prefix-icon`:``].filter(Boolean).join(` `),T=d&&c!==void 0,E=T?`${l}/${c}`:``,D=S?i:r;return(0,n.jsxs)(`div`,{className:C,children:[e&&(0,n.jsxs)(`div`,{className:`inputfield-icon-label-wrapper`,children:[(0,n.jsx)(`label`,{className:`inputfield-icon-label`,style:y,children:e}),s&&(0,n.jsx)(`span`,{className:`inputfield-icon-required`,style:y,children:`*`}),T&&(0,n.jsx)(`span`,{className:`inputfield-icon-character-count`,style:y,children:E})]}),(0,n.jsxs)(`div`,{className:w,children:[u&&(0,n.jsx)(`div`,{className:`inputfield-icon-prefix`,children:u}),(0,n.jsx)(`input`,{ref:v,type:`text`,className:`inputfield-icon-input`,placeholder:t,disabled:b,readOnly:x,value:h,onChange:g,style:y,..._})]}),D&&(0,n.jsx)(`div`,{className:`inputfield-icon-helper-text-wrapper`,children:(0,n.jsx)(`span`,{className:`inputfield-icon-helper-text ${S?`inputfield-icon-helper-text--error`:``}`,style:y,children:D})})]})});b.displayName=`InputFieldIcon`;var x={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},S=t.default.forwardRef(({label:e=`Percentage Off`,placeholder:t=`Select Percentage`,helperText:r=`Helper Text`,errorText:i,state:a=`default`,size:o=`md`,required:s=!1,maxLength:c,currentLength:l=0,prefixValue:u=`+126`,showCharacterCount:d=!1,className:f=``,disabled:p,readOnly:m,value:h,onChange:g,..._},v)=>{let y=a===`disabled`||p,b=a===`readonly`||m,S=a===`error`||!!i,C=[`inputfield-phone-container`,`inputfield-phone-container--${a}`,`inputfield-phone-container--${o}`,f].filter(Boolean).join(` `),w=[`inputfield-phone-wrapper`,`inputfield-phone-wrapper--${a}`,u?`inputfield-phone-wrapper--with-prefix`:``].filter(Boolean).join(` `),T=d&&c!==void 0,E=T?`${l}/${c}`:``,D=S?i:r;return(0,n.jsxs)(`div`,{className:C,children:[e&&(0,n.jsxs)(`div`,{className:`inputfield-phone-label-wrapper`,children:[(0,n.jsx)(`label`,{className:`inputfield-phone-label`,style:x,children:e}),s&&(0,n.jsx)(`span`,{className:`inputfield-phone-required`,style:x,children:`*`}),T&&(0,n.jsx)(`span`,{className:`inputfield-phone-character-count`,style:x,children:E})]}),(0,n.jsxs)(`div`,{className:w,children:[u&&(0,n.jsx)(`div`,{className:`inputfield-phone-prefix`,children:(0,n.jsx)(`span`,{className:`inputfield-phone-prefix-value`,style:x,children:u})}),(0,n.jsx)(`input`,{ref:v,type:`text`,className:`inputfield-phone-input`,placeholder:t,disabled:y,readOnly:b,value:h,onChange:g,style:x,..._})]}),D&&(0,n.jsx)(`div`,{className:`inputfield-phone-helper-text-wrapper`,children:(0,n.jsx)(`span`,{className:`inputfield-phone-helper-text ${S?`inputfield-phone-helper-text--error`:``}`,style:x,children:D})})]})});S.displayName=`InputFieldPhone`;var C={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},w=t.default.forwardRef(({className:e=``,variant:t=`blue`,size:r=`md`,stacked:i=!1,subtext:a,children:o,style:s,...c},l)=>{let u=[`pill-badge`,`pill-badge--${t}`,i?`pill-badge--stacked`:`pill-badge--${r===`lg`?`md`:r}`,e].filter(Boolean).join(` `),d=r===`lg`?`pill-badge__title--lg`:`pill-badge__title--md`;return(0,n.jsxs)(`div`,{ref:l,className:u,style:{...C,...s},...c,children:[(0,n.jsx)(`div`,{className:`pill-badge__title ${i?d:``}`,children:o}),i&&a&&(0,n.jsx)(`div`,{className:`pill-badge__subtext`,children:a})]})});w.displayName=`PillBadge`;var T={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},E=t.default.forwardRef(({label:e,percentage:t=0,usedText:r,remainingText:i,variant:a=`default`,size:o=`sm`,withCard:s=!1,width:c,className:l=``,style:u,...d},f)=>{let p=Math.max(0,Math.min(100,t)),m=[`progressbar`,s?`progressbar--card`:``,l].filter(Boolean).join(` `),h=[`progressbar__track`,`progressbar__track--${o}`].join(` `),g=[`progressbar__fill`,`progressbar__fill--${a}`].join(` `);return(0,n.jsxs)(`div`,{ref:f,className:m,style:{...T,width:c,...u},...d,children:[(e||t!==void 0)&&(0,n.jsxs)(`div`,{className:`progressbar__header`,children:[e&&(0,n.jsx)(`span`,{className:`progressbar__label`,children:e}),t!==void 0&&(0,n.jsxs)(`span`,{className:`progressbar__percentage`,children:[p,`%`]})]}),(0,n.jsx)(`div`,{className:h,children:(0,n.jsx)(`div`,{className:g,style:{width:`${p}%`}})}),(r||i)&&(0,n.jsxs)(`div`,{className:`progressbar__footer`,children:[r&&(0,n.jsx)(`span`,{className:`progressbar__used`,children:r}),i&&(0,n.jsx)(`span`,{className:`progressbar__remaining`,children:i})]})]})});E.displayName=`ProgressBar`;var D={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},O=t.default.forwardRef(({label:e,subtext:t,checked:r,disabled:i,readOnly:a=!1,className:o=``,id:s,...c},l)=>{let u=s||`radio-${Math.random().toString(36).substring(2,9)}`;return(0,n.jsxs)(`div`,{className:[`radio-button`,r?`radio-button--checked`:``,i?`radio-button--disabled`:``,a?`radio-button--readonly`:``,o].filter(Boolean).join(` `),style:D,children:[(0,n.jsxs)(`div`,{className:`radio-button__wrapper`,children:[(0,n.jsx)(`input`,{ref:l,type:`radio`,id:u,className:`radio-button__input`,checked:r,disabled:i||a,...c}),(0,n.jsx)(`label`,{htmlFor:u,className:`radio-button__visual`,children:(0,n.jsx)(`span`,{className:`radio-button__outer-circle`,children:r&&(0,n.jsx)(`span`,{className:`radio-button__inner-circle`})})})]}),(e||t)&&(0,n.jsxs)(`div`,{className:`radio-button__content`,children:[e&&(0,n.jsx)(`label`,{htmlFor:u,className:`radio-button__label`,children:e}),t&&(0,n.jsx)(`span`,{className:`radio-button__subtext`,children:t})]})]})});O.displayName=`RadioButton`;var k={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},A=e=>{switch(e){case`plus`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M7 2.91666V11.0833M2.91666 7H11.0833`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`check`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M11.6667 3.5L5.25 9.91667L2.33333 7`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`chevron-down`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M3.5 5.25L7 8.75L10.5 5.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});case`arrow-right`:return(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M2.91666 7H11.0833M11.0833 7L7.58333 3.5M11.0833 7L7.58333 10.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})});default:return null}},j=t.default.forwardRef(({className:e=``,variant:t=`active`,icon:r,children:i,style:a,...o},s)=>{let c=[`state-badge`,`state-badge--${t}`,e].filter(Boolean).join(` `),l=()=>{if(!r)return null;if(typeof r==`string`){let e=A(r);return e?(0,n.jsx)(`span`,{className:`state-badge__icon`,children:e}):null}return(0,n.jsx)(`span`,{className:`state-badge__icon`,children:r})};return(0,n.jsxs)(`div`,{ref:s,className:c,style:{...k,...a},...o,children:[l(),(0,n.jsx)(`div`,{className:`state-badge__label`,children:i})]})});j.displayName=`StateBadge`;var M={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},N=t.default.forwardRef(({id:e,checked:t,onChange:r,disabled:i,readOnly:a,...o},s)=>(0,n.jsxs)(`div`,{className:`switch`,children:[(0,n.jsx)(`input`,{ref:s,type:`checkbox`,id:e,className:`switch__input`,checked:t,onChange:r,disabled:i||a,...o}),(0,n.jsx)(`label`,{htmlFor:e,className:`switch__track`,children:(0,n.jsx)(`span`,{className:`switch__handle`})})]}));N.displayName=`Toggle`;var P=t.default.forwardRef(({size:e=`big`,colorVariant:r=`teal`,checked:i,defaultChecked:a,onChange:o,disabled:s,readOnly:c=!1,className:l=``,id:u,...d},f)=>{let p=i!==void 0,[m,h]=t.default.useState(a||!1),g=p?i:m,_=e=>{s||c||(p||h(e.target.checked),o&&o(e))},v=u||`switch-${Math.random().toString(36).substring(2,9)}`;return(0,n.jsx)(`div`,{className:[`switch-container`,`switch-container--${e}`,`switch-container--${r}`,g?`switch-container--checked`:``,s?`switch-container--disabled`:``,c?`switch-container--readonly`:``,l].filter(Boolean).join(` `),style:M,children:(0,n.jsx)(`div`,{className:`switch__content-wrapper`,children:(0,n.jsx)(N,{ref:f,id:v,checked:g,onChange:_,disabled:s,readOnly:c,...d})})})});P.displayName=`Switch`;var F={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},I=t.default.forwardRef(({id:e,checked:t,onChange:r,disabled:i,readOnly:a,...o},s)=>(0,n.jsxs)(`div`,{className:`switch`,children:[(0,n.jsx)(`input`,{ref:s,type:`checkbox`,id:e,className:`switch__input`,checked:t,onChange:r,disabled:i||a,...o}),(0,n.jsx)(`label`,{htmlFor:e,className:`switch__track`,children:(0,n.jsx)(`span`,{className:`switch__handle`})})]}));I.displayName=`Toggle`;var L=t.default.forwardRef(({size:e=`big`,colorVariant:r=`teal`,label:i,activeLabel:a,inactiveLabel:o,offerText:s,checked:c,defaultChecked:l,onChange:u,disabled:d,readOnly:f=!1,className:p=``,id:m,...h},g)=>{let _=c!==void 0,[v,y]=t.default.useState(l||!1),b=_?c:v,x=e=>{d||f||(_||y(e.target.checked),u&&u(e))},S=m||`switch-labeled-${Math.random().toString(36).substring(2,9)}`;return(0,n.jsx)(`div`,{className:[`switch-container`,`switch-container--${e}`,`switch-container--${r}`,b?`switch-container--checked`:``,d?`switch-container--disabled`:``,f?`switch-container--readonly`:``,p].filter(Boolean).join(` `),style:F,children:(0,n.jsxs)(`div`,{className:`switch__content-wrapper`,children:[i&&(0,n.jsx)(`label`,{htmlFor:S,className:`switch__main-label`,children:i}),o&&(0,n.jsx)(`span`,{className:`switch__value-label switch__value-label--inactive ${b?``:`switch__value-label--active-state`}`,children:o}),(0,n.jsx)(I,{ref:g,id:S,checked:b,onChange:x,disabled:d,readOnly:f,...h}),a&&(0,n.jsx)(`span`,{className:`switch__value-label switch__value-label--active ${b?`switch__value-label--active-state`:``}`,children:a}),s&&(0,n.jsx)(`div`,{className:`switch__offer-badge`,children:s})]})})});L.displayName=`SwitchWithLabel`;function R({title:e,subtitle:t,actionButton:r,columns:i,data:a,onRowSelect:o,selectedItems:s=[],className:c=``}){let l=e=>s.some(t=>t.id!==void 0&&t.id===e.id||t===e);return(0,n.jsxs)(`div`,{className:`table-container ${c}`,children:[(e||t||r)&&(0,n.jsxs)(`div`,{className:`table-header`,children:[(0,n.jsxs)(`div`,{className:`table-header__content`,children:[e&&(0,n.jsx)(`h2`,{className:`table-header__title`,children:e}),t&&(0,n.jsx)(`p`,{className:`table-header__subtitle`,children:t})]}),r&&(0,n.jsx)(`button`,{className:`table-header__button`,onClick:r.onClick,children:r.label})]}),(0,n.jsx)(`div`,{className:`table-wrapper`,children:(0,n.jsxs)(`table`,{className:`table`,children:[(0,n.jsx)(`thead`,{children:(0,n.jsxs)(`tr`,{children:[o&&(0,n.jsx)(`th`,{className:`table__cell table__cell--header table__cell--checkbox`,children:(0,n.jsx)(`div`,{className:`table__checkbox-wrapper`,children:(0,n.jsx)(`input`,{type:`checkbox`,className:`table__checkbox`,checked:a.length>0&&a.every(e=>l(e)),onChange:e=>{let t=e.target.checked;a.forEach(e=>o(e,t))}})})}),i.map((e,t)=>(0,n.jsx)(`th`,{className:`table__cell table__cell--header`,style:{width:e.width},children:e.header},t))]})}),(0,n.jsx)(`tbody`,{children:a.length>0?a.map((e,t)=>(0,n.jsxs)(`tr`,{className:`table__row ${l(e)?`table__row--selected`:``}`,children:[o&&(0,n.jsx)(`td`,{className:`table__cell table__cell--checkbox`,children:(0,n.jsx)(`div`,{className:`table__checkbox-wrapper`,children:(0,n.jsx)(`input`,{type:`checkbox`,className:`table__checkbox`,checked:l(e),onChange:t=>o(e,t.target.checked)})})}),i.map((t,r)=>(0,n.jsx)(`td`,{className:`table__cell`,children:typeof t.accessor==`function`?t.accessor(e):e[t.accessor]},r))]},e.id||t)):(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:i.length+(o?1:0),className:`table__cell table__cell--empty`,children:`No Data`})})})]})})]})}function z({columns:e,data:t,onRowSelect:r,selectedItems:i=[],className:a=``,noDataMessage:o=`No Data`,isResponsive:s=!1,onColumnSort:c,variant:l=`striped`}){let u=e=>i.some(t=>t.id!==void 0&&t.id===e.id||t===e),d=e=>{r&&t.forEach(t=>r(t,e))},f=e=>{!e.isSortable||!c||c(typeof e.accessor==`string`?e.accessor:e.header,e.sortDirection===`asc`?`desc`:`asc`)};return(0,n.jsx)(`div`,{className:`simple-table-container ${a} ${s?`simple-table-container--responsive`:``} simple-table-container--${l}`,children:(0,n.jsx)(`div`,{className:`simple-table-wrapper`,children:(0,n.jsxs)(`table`,{className:`simple-table`,children:[(0,n.jsx)(`thead`,{children:(0,n.jsxs)(`tr`,{children:[r&&(0,n.jsx)(`th`,{className:`simple-table__cell simple-table__cell--header simple-table__cell--checkbox`,children:(0,n.jsx)(`div`,{className:`simple-table__checkbox-wrapper`,children:(0,n.jsx)(`input`,{type:`checkbox`,className:`simple-table__checkbox`,checked:t.length>0&&t.every(e=>u(e)),onChange:e=>d(e.target.checked)})})}),e.map((e,t)=>(0,n.jsx)(`th`,{className:`simple-table__cell simple-table__cell--header ${e.isSortable?`simple-table__cell--sortable`:``}`,style:{width:e.width},onClick:()=>f(e),children:(0,n.jsxs)(`div`,{className:`simple-table__header-content`,children:[e.header,e.isSortable&&(0,n.jsx)(`span`,{className:`simple-table__sort-icon ${e.sortDirection||``}`,children:e.sortDirection===`asc`?`↑`:e.sortDirection===`desc`?`↓`:`↕`})]})},t))]})}),(0,n.jsx)(`tbody`,{children:t.length>0?t.map((t,i)=>(0,n.jsxs)(`tr`,{className:`simple-table__row ${u(t)?`simple-table__row--selected`:``}`,children:[r&&(0,n.jsx)(`td`,{className:`simple-table__cell simple-table__cell--checkbox`,children:(0,n.jsx)(`div`,{className:`simple-table__checkbox-wrapper`,children:(0,n.jsx)(`input`,{type:`checkbox`,className:`simple-table__checkbox`,checked:u(t),onChange:e=>r(t,e.target.checked)})})}),e.map((e,r)=>(0,n.jsx)(`td`,{className:`simple-table__cell`,children:typeof e.accessor==`function`?e.accessor(t):t[e.accessor]},r))]},t.id||i)):(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{colSpan:e.length+(r?1:0),className:`simple-table__cell simple-table__cell--empty`,children:o})})})]})})})}var B={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},V=t.default.forwardRef(({collapsible:e=!1,className:r=``,disabled:i,placeholder:a=`Search by whatever thing...`,onSearch:o,...s},c)=>{let[l,u]=(0,t.useState)(!e),[d,f]=(0,t.useState)(``),p=(0,t.useRef)(null);return(0,t.useEffect)(()=>{u(!e)},[e]),(0,t.useEffect)(()=>{if(!e)return;let t=e=>{p.current&&!p.current.contains(e.target)&&d===``&&u(!1)};return document.addEventListener(`mousedown`,t),()=>document.removeEventListener(`mousedown`,t)},[e,d]),(0,n.jsx)(`div`,{className:[`search-box`,e?`search-box--collapsible`:``,l?`search-box--expanded`:`search-box--collapsed`,i?`search-box--disabled`:``,r].filter(Boolean).join(` `),style:B,ref:p,children:(0,n.jsxs)(`div`,{className:`search-box__wrapper`,onClick:()=>{e&&!i&&u(!l)},children:[(0,n.jsx)(`div`,{className:`search-box__icon-container`,children:(0,n.jsxs)(`svg`,{className:`search-box__icon`,width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`path`,{d:`M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M10 10L14 14`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})}),l&&(0,n.jsx)(`input`,{ref:c,type:`text`,className:`search-box__input`,placeholder:a,value:d,disabled:i,onChange:e=>{f(e.target.value),s.onChange&&s.onChange(e)},onKeyDown:e=>{e.key===`Enter`&&o&&o(d),s.onKeyDown&&s.onKeyDown(e)},autoFocus:e&&l,...s})]})})});V.displayName=`SearchBox`;var H=({label:e,icon:r,items:i,className:a=``,onSelect:o,variant:s=`default`,hasLabel:c=!0,hasDropdownIcon:l=!0,menuPlacement:u=`left`})=>{let[d,f]=(0,t.useState)(!1),p=(0,t.useRef)(null);(0,t.useEffect)(()=>{let e=e=>{p.current&&!p.current.contains(e.target)&&f(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let m=()=>{f(!d)},h=e=>{e.onClick&&e.onClick(),o&&o(e),f(!1)};return(0,n.jsxs)(`div`,{className:`nav-dropdown ${d?`nav-dropdown--open`:``} nav-dropdown--${s} ${a}`,ref:p,"data-has-label":c,"data-hasdropdwonboxicon":l?`Show`:`None`,children:[(0,n.jsxs)(`button`,{className:`nav-dropdown__trigger`,onClick:m,type:`button`,"aria-expanded":d,disabled:s===`disabled`,children:[c&&e&&(0,n.jsx)(`span`,{className:`nav-dropdown__label`,children:e}),(r||l)&&(0,n.jsxs)(`div`,{className:`nav-dropdown__icon-box`,children:[(0,n.jsx)(`div`,{className:`nav-dropdown__icon-inner`,children:r&&(0,n.jsx)(`span`,{className:`nav-dropdown__icon`,children:r})}),l&&(0,n.jsx)(`svg`,{className:`nav-dropdown__caret`,width:`9`,height:`5`,viewBox:`0 0 9 5`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M4.5 5L0.602886 0.5L8.39711 0.5L4.5 5Z`,fill:`currentColor`})})]})]}),d&&(0,n.jsx)(`div`,{className:`nav-dropdown__menu ${u===`right`?`nav-dropdown__menu--right`:``}`,children:i.map((e,t)=>(0,n.jsxs)(`button`,{className:`nav-dropdown__item`,onClick:()=>h(e),type:`button`,children:[e.icon&&(0,n.jsx)(`span`,{className:`nav-dropdown__item-icon`,children:e.icon}),(0,n.jsx)(`span`,{className:`nav-dropdown__item-label`,children:e.label})]},e.id||t))})]})},U=({logo:e,leftSelects:t=[],actions:r=[],profileAction:i,className:a=``})=>(0,n.jsxs)(`nav`,{className:`admin-top-nav ${a}`,children:[(0,n.jsxs)(`div`,{className:`admin-top-nav__left`,children:[(0,n.jsx)(`div`,{className:`admin-top-nav__logo`,children:e||(0,n.jsxs)(`div`,{className:`admin-top-nav__logo-container`,children:[(0,n.jsx)(`div`,{className:`admin-top-nav__logo-square`}),(0,n.jsx)(`div`,{className:`admin-top-nav__logo-square`}),(0,n.jsx)(`div`,{className:`admin-top-nav__logo-square`}),(0,n.jsx)(`div`,{className:`admin-top-nav__logo-square`})]})}),(0,n.jsx)(`div`,{className:`admin-top-nav__selects`,children:t.map((e,t)=>(0,n.jsx)(H,{label:e.value||e.placeholder,items:e.options.map(t=>({label:t.label,onClick:()=>e.onSelect?.(t.value)})),hasLabel:!0,hasDropdownIcon:!0,className:`admin-top-nav__dropdown`},t))}),(0,n.jsx)(`div`,{className:`admin-top-nav__search-wrapper`,children:(0,n.jsx)(`div`,{className:`admin-top-nav__search-icon-placeholder`,children:(0,n.jsx)(`div`,{className:`admin-top-nav__search-icon`})})})]}),(0,n.jsxs)(`div`,{className:`admin-top-nav__right`,children:[(0,n.jsx)(`div`,{className:`admin-top-nav__actions-container`,children:r.map((e,t)=>(0,n.jsx)(`div`,{className:`admin-top-nav__icon-action`,onClick:e.onClick,children:(0,n.jsxs)(`div`,{className:`admin-top-nav__icon-box`,children:[e.icon,e.badge&&(0,n.jsx)(`span`,{className:`admin-top-nav__badge-count`,children:e.badge})]})},t))}),(0,n.jsxs)(`div`,{className:`admin-top-nav__profile-group`,children:[i&&(0,n.jsx)(H,{label:i.label,hasLabel:!!i.label,icon:i.icon||(0,n.jsx)(`div`,{className:`admin-top-nav__avatar admin-top-nav__avatar--purple`}),items:i.items||[],onSelect:i.onClick?()=>i.onClick?.():void 0,hasDropdownIcon:!0,menuPlacement:`right`,className:`admin-top-nav__profile-dropdown`}),!i&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(H,{hasLabel:!1,icon:(0,n.jsx)(`div`,{className:`admin-top-nav__avatar admin-top-nav__avatar--purple`}),items:[],hasDropdownIcon:!0,menuPlacement:`right`,className:`admin-top-nav__profile-dropdown`}),(0,n.jsx)(H,{hasLabel:!1,icon:(0,n.jsx)(`div`,{className:`admin-top-nav__avatar admin-top-nav__avatar--gray`}),items:[],hasDropdownIcon:!0,menuPlacement:`right`,className:`admin-top-nav__profile-dropdown`}),(0,n.jsx)(H,{hasLabel:!1,icon:(0,n.jsx)(`div`,{className:`admin-top-nav__avatar admin-top-nav__avatar--gray`}),items:[],hasDropdownIcon:!0,menuPlacement:`right`,className:`admin-top-nav__profile-dropdown`})]})]})]})]}),W=()=>(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M2 7.99711C2 8.80016 2.15686 9.55712 2.47059 10.268C2.78431 10.9788 3.21764 11.6041 3.77058 12.144C4.32353 12.6838 4.96176 13.1075 5.68529 13.4149C6.40882 13.7222 7.18039 13.8759 7.99999 13.8759C8.81962 13.8759 9.59118 13.7222 10.3147 13.4149C11.0382 13.1075 11.6765 12.6838 12.2294 12.144C12.7823 11.6041 13.2157 10.9788 13.5294 10.268C13.8431 9.55712 14 8.80016 14 7.99711C14 7.2901 13.8765 6.61768 13.6294 5.97986C13.3823 5.34203 13.0382 4.76471 12.5971 4.24791C12.1559 3.73111 11.6402 3.29884 11.05 2.95111C10.4598 2.60337 9.82156 2.36226 9.13528 2.22778V1.40935C9.13528 1.20186 9.07451 1.07314 8.95295 1.02319C8.83136 0.973241 8.69017 1.00398 8.52938 1.11541L6.65294 2.40068C6.51568 2.4929 6.44705 2.60049 6.44705 2.72344C6.44705 2.8464 6.51568 2.95591 6.65294 3.05197L8.52353 4.34301C8.68432 4.45828 8.82648 4.48998 8.95 4.43811C9.07352 4.38623 9.13528 4.25655 9.13528 4.04907V3.23064C9.69214 3.35359 10.2049 3.56108 10.6735 3.85311C11.1421 4.14512 11.55 4.50246 11.8971 4.92513C12.2441 5.34779 12.5137 5.81944 12.7058 6.34008C12.898 6.86071 12.9941 7.41306 12.9941 7.99711C12.9941 8.6772 12.8657 9.31408 12.6088 9.90773C12.352 10.5014 11.9951 11.022 11.5382 11.4697C11.0814 11.9173 10.551 12.267 9.94707 12.5186C9.34316 12.7703 8.69413 12.8962 7.99999 12.8962C7.30588 12.8962 6.65588 12.7703 6.04999 12.5186C5.44411 12.267 4.91274 11.9173 4.45588 11.4697C3.99902 11.022 3.64215 10.5014 3.38529 9.90773C3.12843 9.31408 3 8.6772 3 7.99711C3 7.4515 3.08627 6.93182 3.25882 6.43806C3.43137 5.94432 3.67255 5.4938 3.98235 5.08651C4.29215 4.67921 4.6549 4.32956 5.07059 4.03754C5.19215 3.94916 5.2696 3.84158 5.30294 3.71478C5.33627 3.58798 5.31568 3.46502 5.24117 3.34591C5.16666 3.23064 5.05882 3.16051 4.91764 3.13554C4.77647 3.11056 4.64117 3.14611 4.51176 3.24217C4.00588 3.59951 3.56471 4.02505 3.18824 4.5188C2.81177 5.01254 2.51961 5.55432 2.31176 6.14412C2.10392 6.73394 2 7.3516 2 7.99711ZM6.28235 10.3602C6.39607 10.3602 6.48627 10.3246 6.55293 10.2535C6.6196 10.1825 6.65294 10.0855 6.65294 9.9625V6.32567C6.65294 6.17582 6.61764 6.06343 6.54705 5.98851C6.47647 5.91358 6.37451 5.87611 6.24117 5.87611C6.15882 5.87611 6.08235 5.89052 6.01176 5.91934C5.94117 5.94816 5.85294 5.99715 5.74705 6.06632L4.94117 6.60233C4.87451 6.64844 4.82451 6.69935 4.79117 6.75506C4.75784 6.81077 4.74117 6.87129 4.74117 6.9366C4.74117 7.03268 4.77451 7.11529 4.84118 7.18442C4.90784 7.25359 4.98823 7.28817 5.08235 7.28817C5.14117 7.28817 5.19019 7.2805 5.22941 7.26516C5.26862 7.24977 5.31372 7.22095 5.3647 7.17869L5.92941 6.77523H5.91764V9.9625C5.91764 10.0816 5.95098 10.1777 6.01764 10.2507C6.08431 10.3237 6.17255 10.3602 6.28235 10.3602ZM9.27057 10.4293C9.75683 10.4293 10.148 10.2881 10.4441 10.0057C10.7402 9.72328 10.8882 9.34961 10.8882 8.88469C10.8882 8.46204 10.7569 8.1143 10.4941 7.84148C10.2314 7.56869 9.89019 7.4323 9.47055 7.4323C9.28234 7.4323 9.09902 7.47455 8.92061 7.55907C8.74215 7.64362 8.61371 7.75891 8.53528 7.90492H8.56468L8.67057 6.60233H10.4294C10.5157 6.60233 10.5912 6.57159 10.6559 6.51011C10.7206 6.44863 10.7529 6.36794 10.7529 6.26804C10.7529 6.17198 10.7206 6.09417 10.6559 6.03462C10.5912 5.97506 10.5157 5.94528 10.4294 5.94528H8.55293C8.24312 5.94528 8.0745 6.10474 8.04707 6.42366L7.91764 8.08357C7.90587 8.22573 7.93529 8.33236 8.00587 8.40345C8.07647 8.47451 8.17648 8.51004 8.3059 8.51004C8.39999 8.51004 8.47645 8.49851 8.53528 8.47546C8.59411 8.45244 8.66471 8.41018 8.74707 8.34868C8.86079 8.24879 8.96667 8.17674 9.06469 8.13256C9.16275 8.08837 9.27059 8.06628 9.38821 8.06628C9.61566 8.06628 9.79998 8.14216 9.94117 8.29391C10.0824 8.44571 10.153 8.64647 10.153 8.8962C10.153 9.14983 10.0726 9.35925 9.91178 9.52446C9.75099 9.68967 9.54902 9.77228 9.30587 9.77228C9.12942 9.77228 8.9706 9.72713 8.82941 9.63683C8.68822 9.54653 8.58038 9.42647 8.50589 9.27664C8.46276 9.20361 8.41373 9.14694 8.35879 9.10661C8.3039 9.06624 8.2392 9.04605 8.16471 9.04605C8.06666 9.04605 7.98725 9.0768 7.92647 9.1383C7.86568 9.19976 7.83529 9.28046 7.83529 9.38039C7.83529 9.4188 7.83921 9.45722 7.84705 9.49566C7.85489 9.53406 7.86666 9.57248 7.88234 9.61092C7.96078 9.81839 8.12254 10.0067 8.36765 10.1757C8.61272 10.3448 8.9137 10.4293 9.27057 10.4293Z`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`})}),G=()=>(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M2.74691 15.0001C2.91209 15.0001 3.06902 14.9712 3.2177 14.9134C3.36637 14.8556 3.52331 14.7771 3.6885 14.678L13.3192 9.11098C13.6661 8.90725 13.907 8.72692 14.0419 8.56998C14.1768 8.41305 14.2442 8.22446 14.2442 8.0042C14.2442 7.78394 14.1768 7.59534 14.0419 7.43841C13.907 7.28148 13.6661 7.1039 13.3192 6.90567L3.6885 1.33044C3.52331 1.23683 3.36637 1.16111 3.2177 1.1033C3.06902 1.04548 2.91209 1.01657 2.74691 1.01657C2.44405 1.01657 2.20314 1.12395 2.02419 1.3387C1.84523 1.55345 1.75575 1.83978 1.75575 2.1977V13.8107C1.75575 14.1686 1.84523 14.4563 2.02419 14.6738C2.20314 14.8913 2.44405 15.0001 2.74691 15.0001Z`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`})}),K=()=>(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`rect`,{x:`3`,y:`2`,width:`3`,height:`12`,rx:`1`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`}),(0,n.jsx)(`rect`,{x:`10`,y:`2`,width:`3`,height:`12`,rx:`1`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`})]}),q=()=>(0,n.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M2 7.99711C2 8.80042 2.15686 9.55759 2.47059 10.2686C2.78431 10.9796 3.21764 11.6052 3.77058 12.1452C4.32353 12.6852 4.96176 13.1089 5.68529 13.4164C6.40882 13.7239 7.18039 13.8776 7.99999 13.8776C8.81962 13.8776 9.59118 13.7239 10.3147 13.4164C11.0382 13.1089 11.6765 12.6852 12.2294 12.1452C12.7823 11.6052 13.2157 10.9796 13.5294 10.2686C13.8431 9.55759 14 8.80042 14 7.99711C14 7.35142 13.8961 6.73359 13.6882 6.14363C13.4804 5.55366 13.1882 5.01173 12.8117 4.51785C12.4353 4.02396 11.9941 3.5983 11.4883 3.24086C11.3588 3.14478 11.2235 3.10923 11.0823 3.13421C10.9412 3.15919 10.8333 3.22933 10.7588 3.34464C10.6843 3.46378 10.6637 3.58677 10.6971 3.71361C10.7304 3.84044 10.8078 3.94805 10.9294 4.03645C11.3451 4.32856 11.7078 4.67831 12.0177 5.08572C12.3274 5.49312 12.5686 5.94377 12.7411 6.43765C12.9137 6.93153 13 7.45134 13 7.99711C13 8.67743 12.8716 9.31448 12.6147 9.90826C12.3578 10.5021 12.001 11.0229 11.5441 11.4706C11.0872 11.9184 10.5559 12.2682 9.94997 12.5199C9.34412 12.7717 8.69413 12.8975 7.99999 12.8975C7.30588 12.8975 6.65686 12.7717 6.05294 12.5199C5.44902 12.2682 4.91862 11.9184 4.46176 11.4706C4.0049 11.0229 3.64804 10.5021 3.39117 9.90826C3.13431 9.31448 3.00588 8.67743 3.00588 7.99711C3.00588 7.41293 3.10196 6.86044 3.29412 6.33964C3.48627 5.81886 3.75588 5.34707 4.10294 4.92429C4.45 4.50151 4.85882 4.14407 5.32941 3.85197C5.79999 3.55987 6.31176 3.35232 6.8647 3.22933V4.05375C6.8647 4.25746 6.92646 4.38525 7.04999 4.43713C7.17352 4.48902 7.31568 4.45924 7.47647 4.34778L9.35291 3.05638C9.48627 2.96798 9.55392 2.86132 9.55585 2.73641C9.55781 2.6115 9.49017 2.50292 9.35291 2.41068L7.48234 1.11928C7.31764 1.00398 7.17352 0.972268 7.04999 1.02415C6.92646 1.07604 6.8647 1.20576 6.8647 1.4133V2.22619C6.17843 2.36071 5.54019 2.60189 4.95 2.94972C4.3598 3.29755 3.84411 3.72994 3.40294 4.24689C2.96176 4.76383 2.61765 5.34131 2.37059 5.97932C2.12353 6.61735 2 7.28994 2 7.99711ZM6.25294 10.3608C6.36666 10.3608 6.45686 10.3253 6.52353 10.2542C6.59019 10.1831 6.62352 10.086 6.62352 9.96304V6.32523C6.62352 6.17534 6.58823 6.06292 6.51764 5.98797C6.44705 5.91302 6.34509 5.87555 6.21176 5.87555C6.12941 5.87555 6.05294 5.88996 5.98235 5.91879C5.91176 5.94761 5.82353 5.99661 5.71765 6.06579L4.91176 6.60196C4.84509 6.64808 4.79509 6.699 4.76176 6.75474C4.72843 6.81047 4.71176 6.87101 4.71176 6.93636C4.71176 7.03243 4.74509 7.11506 4.81176 7.18425C4.87843 7.25344 4.95882 7.28803 5.05294 7.28803C5.11176 7.28803 5.16078 7.28034 5.2 7.26495C5.23921 7.24956 5.28431 7.22073 5.33529 7.17846L5.9 6.77492H5.88823V9.96304C5.88823 10.0822 5.92156 10.1783 5.98823 10.2513C6.0549 10.3243 6.14313 10.3608 6.25294 10.3608ZM9.24118 10.43C9.72744 10.43 10.1186 10.2888 10.4147 10.0063C10.7108 9.72381 10.8588 9.35002 10.8588 8.88494C10.8588 8.46217 10.7274 8.11435 10.4647 7.84149C10.2019 7.56859 9.86076 7.43214 9.44116 7.43214C9.25294 7.43214 9.06961 7.47443 8.89115 7.55901C8.71273 7.64354 8.58431 7.75884 8.50589 7.90489H8.53528L8.64117 6.60196H10.4C10.4863 6.60196 10.5618 6.57121 10.6265 6.50972C10.6912 6.44822 10.7235 6.36751 10.7235 6.26758C10.7235 6.17149 10.6912 6.09366 10.6265 6.03409C10.5618 5.97452 10.4863 5.94473 10.4 5.94473H8.52353C8.21372 5.94473 8.04509 6.10423 8.01764 6.42324L7.88823 8.08359C7.87646 8.22583 7.90587 8.33249 7.97647 8.40357C8.04707 8.47468 8.14706 8.51024 8.27645 8.51024C8.37058 8.51024 8.44706 8.49871 8.50589 8.47565C8.56472 8.45258 8.63529 8.4103 8.71761 8.34878C8.83134 8.24885 8.93723 8.17679 9.03529 8.13259C9.13332 8.0884 9.24116 8.0663 9.35882 8.0663C9.58626 8.0663 9.77058 8.14222 9.91178 8.29405C10.0529 8.44585 10.1235 8.64667 10.1235 8.89651C10.1235 9.15017 10.0431 9.35962 9.88232 9.52488C9.72153 9.69018 9.51958 9.77283 9.27647 9.77283C9.09999 9.77283 8.94117 9.72767 8.80001 9.63735C8.65882 9.54702 8.55098 9.4269 8.47649 9.27699C8.43332 9.20399 8.38429 9.14729 8.3294 9.10691C8.2745 9.06657 8.20979 9.0464 8.13526 9.0464C8.03724 9.0464 7.95784 9.07714 7.89705 9.13861C7.83627 9.20013 7.80587 9.28085 7.80587 9.38078C7.80587 9.41919 7.8098 9.45762 7.81764 9.49607C7.82548 9.53453 7.83725 9.57296 7.85294 9.61137C7.93137 9.81894 8.09314 10.0073 8.33825 10.1763C8.58333 10.3455 8.8843 10.43 9.24118 10.43Z`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`})}),J=()=>(0,n.jsxs)(`svg`,{width:`22`,height:`16`,viewBox:`0 0 22 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`g`,{clipPath:`url(#clip0_15777_1245)`,children:(0,n.jsx)(`path`,{d:`M8.75134 15.0118C9.02195 15.0118 9.2425 14.9252 9.41297 14.752C9.5835 14.5788 9.66876 14.3623 9.66876 14.1025V1.64926C9.66876 1.38407 9.58216 1.15811 9.40898 0.97139C9.23579 0.784674 9.01117 0.691317 8.73513 0.691317C8.5457 0.691317 8.37522 0.734614 8.22369 0.821207C8.07215 0.907801 7.89355 1.05122 7.6879 1.25147L4.22956 4.49873C4.17544 4.54744 4.10778 4.5718 4.02661 4.5718H1.6967C1.15007 4.5718 0.730636 4.72198 0.438381 5.02235C0.146127 5.32272 0 5.76516 0 6.34967V9.36966C0 9.95955 0.146127 10.4033 0.438381 10.701C0.730636 10.9986 1.15007 11.1475 1.6967 11.1475H4.02661C4.10778 11.1475 4.17544 11.1718 4.22956 11.2205L7.6879 14.5003C7.87191 14.6789 8.0478 14.8088 8.21557 14.89C8.38332 14.9712 8.56191 15.0118 8.75134 15.0118ZM12.5588 11.3018C12.6995 11.3938 12.8537 11.4249 13.0216 11.3951C13.1893 11.3654 13.3273 11.272 13.4355 11.1151C13.7494 10.7037 13.9943 10.2112 14.1702 9.6375C14.3461 9.06385 14.4341 8.46582 14.4341 7.84342C14.4341 7.22102 14.3461 6.62298 14.1702 6.0493C13.9943 5.47562 13.7494 4.98312 13.4355 4.5718C13.3273 4.41485 13.1893 4.32013 13.0216 4.28766C12.8537 4.25519 12.6995 4.28766 12.5588 4.38508C12.3964 4.49873 12.3031 4.64621 12.2787 4.82752C12.2544 5.00882 12.3071 5.18336 12.437 5.35114C12.6751 5.67587 12.8578 6.05472 12.985 6.48768C13.1122 6.92065 13.1758 7.37256 13.1758 7.84342C13.1758 8.31425 13.1108 8.7648 12.9809 9.19508C12.8511 9.62536 12.6697 10.0056 12.437 10.3357C12.3125 10.5089 12.2611 10.6848 12.2828 10.8633C12.3044 11.042 12.3964 11.1881 12.5588 11.3018ZM15.5787 13.4206C15.7303 13.518 15.89 13.5518 16.0577 13.5221C16.2255 13.4923 16.3635 13.399 16.4718 13.242C16.9913 12.5276 17.3959 11.6995 17.6854 10.7578C17.975 9.81615 18.1197 8.84467 18.1197 7.84342C18.1197 6.84217 17.9763 5.86799 17.6895 4.92088C17.4026 3.97376 16.9967 3.14841 16.4718 2.44483C16.3635 2.28789 16.2255 2.19318 16.0577 2.1607C15.89 2.12823 15.7303 2.16341 15.5787 2.26624C15.4326 2.36907 15.3474 2.50573 15.323 2.67621C15.2987 2.84669 15.346 3.01582 15.4651 3.18359C15.9089 3.8114 16.2526 4.5285 16.4961 5.3349C16.7397 6.14131 16.8614 6.97748 16.8614 7.84342C16.8614 8.70934 16.7383 9.54415 16.4921 10.3478C16.2458 11.1515 15.9034 11.87 15.4651 12.5032C15.3514 12.671 15.3054 12.8401 15.3271 13.0106C15.3487 13.1811 15.4326 13.3178 15.5787 13.4206ZM18.623 15.5719C18.7637 15.6747 18.9207 15.7072 19.0939 15.6693C19.2671 15.6314 19.4078 15.5313 19.5161 15.369C19.9923 14.6816 20.3996 13.9388 20.7378 13.1405C21.0761 12.3422 21.3358 11.4993 21.5172 10.6117C21.6985 9.7241 21.7891 8.80133 21.7891 7.84342C21.7891 6.88547 21.6971 5.96271 21.5131 5.07512C21.3291 4.18753 21.0666 3.3446 20.7256 2.54632C20.3847 1.74803 19.9815 1.00522 19.5161 0.317881C19.4078 0.150106 19.2671 0.0486294 19.0939 0.0134507C18.9207 -0.021728 18.7637 0.0120977 18.623 0.114928C18.4715 0.217757 18.3849 0.355766 18.3632 0.528953C18.3416 0.702141 18.3876 0.872622 18.5013 1.0404C18.918 1.66279 19.2793 2.33254 19.5851 3.04964C19.8908 3.76674 20.1276 4.52714 20.2954 5.33084C20.4632 6.13454 20.5471 6.97207 20.5471 7.84342C20.5471 8.70934 20.4632 9.54415 20.2954 10.3478C20.1276 11.1515 19.8908 11.9147 19.5851 12.6372C19.2793 13.3597 18.918 14.0294 18.5013 14.6464C18.3876 14.8088 18.3416 14.9779 18.3632 15.1538C18.3849 15.3297 18.4715 15.4691 18.623 15.5719Z`,fill:`var(--Colors-Functional-Input-Icons-Icon_DarkGray, #4B4B4A)`})}),(0,n.jsx)(`defs`,{children:(0,n.jsx)(`clipPath`,{id:`clip0_15777_1245`,children:(0,n.jsx)(`rect`,{width:`21.7891`,height:`15.6949`,fill:`white`})})})]}),Y=e=>`${Math.floor(e/60)}:${Math.floor(e%60).toString().padStart(2,`0`)}`,X=(0,t.forwardRef)(({variant:e=`long`,currentTime:r=0,duration:i=83,isPlaying:a=!1,isMuted:o=!1,disabled:s=!1,source:c,onPlayPause:l,onBackward:u,onForward:d,onVolumeChange:f,onTimeUpdate:p,onSeek:m},h)=>{let[g,_]=(0,t.useState)(a),[v,y]=(0,t.useState)(r),[b,x]=(0,t.useState)(i),[S,C]=(0,t.useState)(o),w=(0,t.useRef)(null);(0,t.useEffect)(()=>{_(a)},[a]),(0,t.useEffect)(()=>{y(r),w.current&&Math.abs(w.current.currentTime-r)>1&&(w.current.currentTime=r)},[r]),(0,t.useEffect)(()=>{x(i)},[i]),(0,t.useEffect)(()=>{C(o),w.current&&(w.current.muted=o)},[o]),(0,t.useEffect)(()=>{w.current&&(g?w.current.play().catch(e=>console.log(`Playback failed:`,e)):w.current.pause())},[g,c]),(0,t.useEffect)(()=>{let e;return!c&&g&&(e=setInterval(()=>{y(e=>{let t=e+1;return t>=b?(_(!1),p&&p(b),b):(p&&p(t),t)})},1e3)),()=>{e&&clearInterval(e)}},[g,b,p,c]);let T=()=>{w.current&&(y(w.current.currentTime),p&&p(w.current.currentTime))},E=()=>{w.current&&x(w.current.duration)},D=()=>{_(!1),p&&p(b)},O=b>0?v/b*100:0,k=()=>{s||(_(!g),l&&l())},A=()=>{if(s)return;let e=Math.max(0,v-10);y(e),w.current&&(w.current.currentTime=e),u&&u(),m&&m(e)},j=()=>{if(s)return;let e=Math.min(b,v+10);y(e),w.current&&(w.current.currentTime=e),d&&d(),m&&m(e)},M=e=>{if(!s&&b>0){let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=Math.max(0,Math.min(1,n/t.width))*b;y(r),w.current&&(w.current.currentTime=r),m&&m(r)}},N=()=>{if(s)return;let e=!S;C(e),w.current&&(w.current.muted=e),f&&f(e?0:1)};return(0,n.jsxs)(`div`,{ref:h,className:`audioplayer-container`,children:[c&&(0,n.jsx)(`audio`,{ref:w,src:c,onTimeUpdate:T,onLoadedMetadata:E,onEnded:D,muted:S}),(0,n.jsxs)(`div`,{className:`audioplayer-wrapper audioplayer-wrapper--${e}`,children:[(0,n.jsxs)(`div`,{className:`audioplayer-controls`,children:[(0,n.jsx)(`button`,{type:`button`,className:`audioplayer-control-btn ${s?`audioplayer-icon-disabled`:``}`,onClick:A,disabled:s,"aria-label":`Backward`,children:(0,n.jsx)(W,{})}),(0,n.jsx)(`button`,{type:`button`,className:`audioplayer-control-btn ${s?`audioplayer-icon-disabled`:``}`,onClick:k,disabled:s,"aria-label":g?`Pause`:`Play`,children:g?(0,n.jsx)(K,{}):(0,n.jsx)(G,{})}),(0,n.jsx)(`button`,{type:`button`,className:`audioplayer-control-btn ${s?`audioplayer-icon-disabled`:``}`,onClick:j,disabled:s,"aria-label":`Forward`,children:(0,n.jsx)(q,{})})]}),(0,n.jsxs)(`div`,{className:`audioplayer-timeline`,children:[(0,n.jsx)(`span`,{className:`audioplayer-time`,children:Y(v)}),(0,n.jsx)(`div`,{className:`audioplayer-progress-track ${s?`audioplayer-icon-disabled`:``}`,onClick:M,role:`slider`,"aria-label":`Seek`,"aria-valuemin":0,"aria-valuemax":b,"aria-valuenow":v,style:{cursor:s?`not-allowed`:`pointer`},children:(0,n.jsx)(`div`,{className:`audioplayer-progress-fill`,style:{width:`${O}%`}})}),(0,n.jsx)(`span`,{className:`audioplayer-time`,children:Y(b)})]}),(0,n.jsx)(`div`,{className:`audioplayer-volume`,children:(0,n.jsx)(`button`,{type:`button`,className:`audioplayer-volume-btn ${s?`audioplayer-icon-disabled`:``}`,onClick:N,disabled:s,"aria-label":S?`Unmute`:`Mute`,style:{opacity:S?.5:1},children:(0,n.jsx)(J,{})})})]})]})});X.displayName=`AudioPlayer`;var Z=()=>(0,n.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,children:(0,n.jsx)(`path`,{d:`M8.94126 1.5397C9.07618 1.21202 9.39743 1 9.7508 1H14.1262C14.6081 1 15 1.39192 15 1.8738V6.2492C15 6.60257 14.788 6.92382 14.4603 7.05874C14.1326 7.19367 13.76 7.11657 13.503 6.87242L11.9353 5.30473L7.73979 9.50023C7.39927 9.84075 6.84029 9.84075 6.49977 9.50023C6.15925 9.15971 6.15925 8.60073 6.49977 8.26021L10.6953 4.06471L9.12758 2.49702C8.87701 2.24644 8.79991 1.8738 8.94126 1.5397ZM1 5.8123C1 4.60441 1.97659 3.62139 3.19091 3.62139H5.38183C5.8637 3.62139 6.25562 4.01331 6.25562 4.49518C6.25562 4.97705 5.8637 5.36898 5.38183 5.36898H3.19091C2.95319 5.36898 2.75402 5.56815 2.75402 5.80587V12.8091C2.75402 13.0468 2.95319 13.246 3.19091 13.246H10.1941C10.4318 13.246 10.631 13.0468 10.631 12.8091V10.6182C10.631 10.1363 11.0229 9.74438 11.5048 9.74438C11.9867 9.74438 12.3786 10.1363 12.3786 10.6182V12.8091C12.3786 14.017 11.402 15 10.1877 15H3.19091C1.98302 15 1 14.0234 1 12.8091V5.8123Z`,fill:`currentColor`})}),ee={warning:Z,error:Z,disabled:Z,readonly:Z,teal:Z,brand:Z},Q=t.default.forwardRef(({variant:e=`warning`,filled:t=!1,label:r=`View Licenses & Billing`,className:i=``,disabled:a,style:o,leftIcon:s,rightIcon:c,hasIcon:l=!0,...u},d)=>{let f=ee[e];return(0,n.jsxs)(`button`,{ref:d,className:[`link-button`,`link-button--${e}`,t?`link-button--filled`:``,i].filter(Boolean).join(` `),disabled:a||e===`disabled`,style:o,...u,children:[s&&(0,n.jsx)(`span`,{className:`link-button__icon link-button__icon--left`,children:s}),(0,n.jsx)(`span`,{className:`link-button__label`,children:r}),c?(0,n.jsx)(`span`,{className:`link-button__icon link-button__icon--right`,children:c}):l&&f&&(0,n.jsx)(f,{})]})});Q.displayName=`LinkButton`;var te=({className:e=``,title:r=`Eligibility Verification`,variant:i=`more-than-1-option`,options:a,onAdd:o})=>(0,n.jsxs)(`div`,{className:`addon-card addon-card--${i} ${e}`,children:[(0,n.jsx)(`div`,{className:`addon-card__title`,children:r}),(0,n.jsx)(`div`,{className:`addon-card__options`,children:a.map((e,r)=>(0,n.jsxs)(t.default.Fragment,{children:[r>0&&i===`more-than-1-option`&&(0,n.jsx)(`div`,{className:`addon-card__divider`}),(0,n.jsxs)(`div`,{className:`addon-card__option-row`,children:[(0,n.jsxs)(`div`,{className:`addon-card__option-info`,children:[(0,n.jsx)(`span`,{className:`addon-card__verifications`,children:e.verifications}),(0,n.jsx)(`br`,{}),(0,n.jsx)(`span`,{className:`addon-card__price`,children:e.price}),e.provider&&(0,n.jsxs)(`span`,{className:`addon-card__provider`,children:[` `,e.provider]})]}),(0,n.jsx)(`button`,{className:`addon-card__add-btn`,onClick:()=>o?.(e.id),children:`ADD`})]})]},e.id))})]}),$=({tabs:e=`two-tabs`,theme:r=`neutral`,className:i=``,onTabChange:a,activeTab:o})=>{let[s,c]=(0,t.useState)(`unread`),l=o!==void 0,u=l?o:s,d=e=>{l||c(e),a?.(e)};return(0,n.jsxs)(`div`,{className:`simple-tab-set ${e} ${r} ${i}`,children:[(0,n.jsx)(`div`,{className:`slected-tab ${(e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)?u===`inbox`:u===`unread`)?`active`:``}`,onClick:()=>{d(e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)?`inbox`:`unread`)},children:(0,n.jsxs)(`div`,{className:`inbox`,children:[e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)&&(0,n.jsx)(n.Fragment,{children:`Inbox (12)`}),(e===`two-tabs`||r===`teal`)&&(0,n.jsx)(n.Fragment,{children:`Unread (2)`})]})}),(0,n.jsx)(`div`,{className:`non-slected-tab ${(e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)?u===`unread`:u===`all`)?`active`:``}`,onClick:()=>{d(e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)?`unread`:`all`)},children:(0,n.jsxs)(`div`,{className:`all`,children:[e===`two-tabs`&&(0,n.jsx)(n.Fragment,{children:`All`}),e===`more-than-2-tabs`&&(0,n.jsx)(n.Fragment,{children:`Unread (2)`})]})}),e===`more-than-2-tabs`&&(0,n.jsx)(`div`,{className:`non-slected-tab ${e===`more-than-2-tabs`&&[`fusia`,`neutral`].includes(r)&&u===`all`?`active`:``}`,onClick:()=>d(`all`),children:(0,n.jsx)(`div`,{className:`text-wrapper`,children:`All`})})]})},ne=({type:e,read:t})=>t?(0,n.jsxs)(`svg`,{width:`42`,height:`42`,viewBox:`0 0 42 42`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`rect`,{width:`42`,height:`42`,rx:`21`,fill:`var(--Colors-PrimitiveColorTokens-Neutrals-Bkg-300, #E5E4DD)`}),(0,n.jsx)(`path`,{d:`M20.95 10.765C20.24 10.765 19.67 11.335 19.67 12.045V12.175C16.75 12.765 14.55 15.345 14.55 18.445V19.315C14.55 21.235 13.89 23.105 12.7 24.605L12.31 25.095C12.11 25.345 12 25.655 12 25.985C12 26.765 12.64 27.405 13.42 27.405H28.49C29.27 27.405 29.91 26.765 29.91 25.985C29.91 25.665 29.8 25.345 29.6 25.095L29.21 24.605C28.01 23.105 27.36 21.235 27.36 19.315V18.445C27.36 15.355 25.16 12.765 22.24 12.175V12.045C22.24 11.335 21.67 10.765 20.96 10.765H20.95ZM18.47 29.315C18.75 30.415 19.76 31.235 20.95 31.235C22.14 31.235 23.14 30.415 23.43 29.315H18.47Z`,fill:`var(--Colors-PrimitiveColorTokens-Neutrals-Bkg-500, #959490)`})]}):e===`warning`?(0,n.jsxs)(`svg`,{width:`42`,height:`42`,viewBox:`0 0 42 42`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`circle`,{cx:`21`,cy:`21`,r:`21`,fill:`var(--Colors-Functional-Input-Icons-Icon_Warning-Light, #FFD3B1)`}),(0,n.jsx)(`path`,{d:`M21.23 31.46C26.88 31.46 31.46 26.88 31.46 21.23C31.46 15.58 26.88 11 21.23 11C15.58 11 11 15.58 11 21.23C11 26.88 15.58 31.46 21.23 31.46ZM21.23 16.42C21.76 16.42 22.19 16.85 22.19 17.38V21.86C22.19 22.39 21.76 22.82 21.23 22.82C20.7 22.82 20.27 22.39 20.27 21.86V17.38C20.27 16.85 20.7 16.42 21.23 16.42ZM20.16 25.06C20.14 24.66 20.33 24.29 20.67 24.08C21.01 23.88 21.44 23.88 21.78 24.08C22.12 24.29 22.32 24.66 22.29 25.06C22.31 25.46 22.12 25.83 21.78 26.04C21.44 26.24 21.01 26.24 20.67 26.04C20.33 25.83 20.13 25.46 20.16 25.06Z`,fill:`var(--Colors-Navigation-Icons-Alert-Warning-Orange500, #F27E25)`})]}):(0,n.jsxs)(`svg`,{width:`42`,height:`42`,viewBox:`0 0 42 42`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`circle`,{cx:`21`,cy:`21`,r:`21`,fill:`var(--Colors-Functional-Input-Icons-Icon_Error-Light, #FFD3D2)`}),(0,n.jsx)(`path`,{d:`M21.2453 10.2439C21.8353 10.2439 22.3753 10.5717 22.6553 11.1044L31.2853 27.4844C31.5553 27.9966 31.5453 28.6112 31.2553 29.1029C30.9653 29.5946 30.4453 29.9019 29.8753 29.9019H12.6053C12.0453 29.9019 11.5253 29.5946 11.2253 29.1029C10.9353 28.6112 10.9253 27.9966 11.1953 27.4844L19.8253 11.1044C20.1053 10.5717 20.6453 10.2439 21.2353 10.2439H21.2453ZM21.2453 17.1278C20.7153 17.1278 20.2853 17.5683 20.2853 18.1112V22.7005C20.2853 23.2434 20.7153 23.6839 21.2453 23.6839C21.7753 23.6839 22.2053 23.2434 22.2053 22.7005V18.1112C22.2053 17.5683 21.7753 17.1278 21.2453 17.1278ZM22.3053 25.9683C22.3253 25.5585 22.1353 25.1795 21.7953 24.9644C21.4553 24.7595 21.0253 24.7595 20.6853 24.9644C20.3453 25.1795 20.1453 25.5585 20.1753 25.9683C20.1553 26.378 20.3453 26.7571 20.6853 26.9722C21.0253 27.1771 21.4553 27.1771 21.7953 26.9722C22.1353 26.7571 22.3353 26.378 22.3053 25.9683Z`,fill:`var(--Colors-Navigation-Icons-Alert-High-Red500, #E73D36)`})]}),re=({isNew:e,read:t})=>!e&&!t?null:t?(0,n.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 13 13`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`circle`,{cx:`6.5`,cy:`6.5`,r:`6.5`,fill:`var(--Colors-Navigation-Icons-Alert-Count_Inactive-400, #8BA1B9)`})}):(0,n.jsx)(`svg`,{width:`13`,height:`13`,viewBox:`0 0 13 13`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`circle`,{cx:`6.5`,cy:`6.5`,r:`6.5`,fill:`var(--Colors-Navigation-Icons-Alert-High-Red500, #E73D36)`})}),ie=({notification:e})=>{let{type:t,subject:r,heading:i,body:a,time:o,isNew:s,read:c,onLinkClick:l,id:u}=e,d=c?`notification-card--read`:`notification-card--${t}`,f=c?`notification-card__subject--read`:`notification-card__subject--${t}`;return(0,n.jsx)(`div`,{className:`notification-card ${d}`,children:(0,n.jsxs)(`div`,{className:`notification-card__content`,children:[(0,n.jsx)(`div`,{className:`notification-card__icon`,children:(0,n.jsx)(ne,{type:t,read:c})}),(0,n.jsxs)(`div`,{className:`notification-card__details`,children:[(0,n.jsx)(`span`,{className:`notification-card__subject ${f}`,children:r}),(0,n.jsx)(`span`,{className:`notification-card__heading`,children:i}),(0,n.jsxs)(`div`,{className:`notification-card__footer`,children:[(0,n.jsx)(`span`,{className:`notification-card__body`,children:a}),(0,n.jsx)(Q,{variant:c?`readonly`:t===`warning`?`warning`:`error`,label:`View Licenses & Billing`,onClick:()=>l?.(u)}),(0,n.jsx)(`span`,{className:`notification-card__time`,children:o})]})]}),(0,n.jsx)(`div`,{className:`notification-card__status`,children:(0,n.jsx)(re,{isNew:s,read:c})})]})})},ae=()=>(0,n.jsx)(`svg`,{width:`33`,height:`33`,viewBox:`0 0 33 33`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M24.9841 24.9841C29.672 20.2961 29.672 12.7039 24.9841 8.01594C20.2961 3.32802 12.7039 3.32802 8.01594 8.01594C3.32802 12.7039 3.32802 20.2961 8.01594 24.9841C12.7039 29.672 20.2961 29.672 24.9841 24.9841ZM18.619 20.2062L16.5 18.0872L14.381 20.2062C13.9392 20.6479 13.2356 20.6479 12.7938 20.2062C12.3521 19.7644 12.3521 19.0608 12.7938 18.619L14.9128 16.5L12.7938 14.381C12.3521 13.9392 12.3521 13.2356 12.7938 12.7938C13.2356 12.3521 13.9392 12.3521 14.381 12.7938L16.5 14.9128L18.619 12.7938C19.0608 12.3521 19.7644 12.3521 20.2062 12.7938C20.6479 13.2356 20.6479 13.9392 20.2062 14.381L18.0872 16.5L20.2062 18.619C20.6479 19.0608 20.6479 19.7644 20.2062 20.2062C19.7644 20.6479 19.0608 20.6479 18.619 20.2062Z`,fill:`var(--Colors-Navigation-Icons-Gray-Bkg--400, #959490)`})}),oe=()=>(0,n.jsx)(`svg`,{width:`32`,height:`32`,viewBox:`0 0 32 32`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M23.5073 6.72842C22.8643 6.33294 22.0306 6.53163 21.6351 7.1746L21.5627 7.29233C18.5897 6.20014 15.1603 7.31115 13.4335 10.1185L12.9489 10.9064C11.8795 12.6451 10.2401 13.9709 8.32695 14.6665L7.70083 14.893C7.38045 15.008 7.10816 15.2275 6.92435 15.5263C6.48987 16.2327 6.71296 17.1687 7.41933 17.6032L21.0667 25.9975C21.7731 26.432 22.7091 26.2089 23.1436 25.5025C23.3219 25.2127 23.4005 24.8616 23.3586 24.5238L23.2784 23.8629C23.0272 21.836 23.4802 19.7805 24.5496 18.0418L25.0342 17.2539C26.7554 14.4556 26.2058 10.8847 23.8901 8.72387L23.9625 8.60614C24.358 7.96317 24.1593 7.12948 23.5163 6.734L23.5073 6.72842ZM10.9287 22.1459C10.5695 23.298 11.0274 24.6032 12.1051 25.266C13.1828 25.9289 14.5451 25.7433 15.4205 24.9087L10.9287 22.1459Z`,fill:`var(--Colors-Navigation-Icons-Yellow600, #F3B51E)`})}),se=[{id:`1`,type:`warning`,subject:`Billing Assistant`,heading:`Trial will end in 5 days.`,body:`Upgrade to continue using all feature.`,time:`10 minutes ago`,isNew:!0},{id:`2`,type:`error`,subject:`Billing Assistant`,heading:`Trial will end in 5 days.`,body:`Upgrade to continue using all feature.`,time:`10 minutes ago`,isNew:!0},{id:`3`,type:`warning`,subject:`Billing Assistant`,heading:`Trial will end in 5 days.`,body:`Upgrade to continue using all feature.`,time:`10 minutes ago`,isNew:!1,read:!0}],ce=({className:e=``,notifications:r,tabs:i=`two-tabs`,theme:a=`teal`,defaultTab:o=`unread`,onTabChange:s,onLinkClick:c})=>{let[l,u]=t.default.useState(o),d=l,f=e=>{let t=e===`inbox`?`unread`:e;u(t),s?.(t)},p=r||se,m=d===`unread`?p.filter(e=>e.isNew):p;return(0,n.jsxs)(`div`,{className:`notification-dropdown-menu ${e}`,children:[(0,n.jsxs)(`div`,{className:`notification-dropdown-menu__header`,children:[(0,n.jsxs)(`div`,{className:`notification-dropdown-menu__title-section`,children:[(0,n.jsx)(`div`,{className:`notification-dropdown-menu__bell-icon`,children:(0,n.jsx)(oe,{})}),(0,n.jsx)(`span`,{className:`notification-dropdown-menu__title`,children:`Alerts`})]}),(0,n.jsx)(`div`,{className:`notification-dropdown-menu__close-icon`,children:(0,n.jsx)(ae,{})})]}),(0,n.jsxs)(`div`,{className:`notification-dropdown-menu__tab-band`,children:[(0,n.jsx)($,{tabs:i,theme:a,onTabChange:f,activeTab:d}),(0,n.jsx)(Q,{hasIcon:!1,variant:`teal`,label:`Mark all as read`})]}),(0,n.jsx)(`div`,{className:`notification-dropdown-menu__notifications`,children:m.map(e=>(0,n.jsx)(ie,{notification:{...e,onLinkClick:c}},e.id))})]})},le=()=>(0,n.jsx)(`svg`,{width:`9`,height:`5`,viewBox:`0 0 9 5`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M0.646446 0.646446C0.841708 0.451184 1.15829 0.451184 1.35355 0.646446L4.5 3.79289L7.64644 0.646446C7.84171 0.451184 8.15829 0.451184 8.35355 0.646446C8.54882 0.841708 8.54882 1.15829 8.35355 1.35355L4.85355 4.85355C4.65829 5.04882 4.34171 5.04882 4.14644 4.85355L0.646446 1.35355C0.451184 1.15829 0.451184 0.841708 0.646446 0.646446Z`,fill:`currentColor`})}),ue=({className:e=``,label:r=`Input_Label`,placeholder:i=`Select`,options:a,value:o,onChange:s,state:c=`default`,size:l=`md`})=>{let[u,d]=(0,t.useState)(!1),[f,p]=(0,t.useState)(``),m=(0,t.useRef)(null),h=o!==void 0,g=h?o:f,_=a.find(e=>e.value===g),v=e=>{h||p(e),s?.(e),d(!1)},y=e=>{m.current&&!m.current.contains(e.target)&&d(!1)};return(0,t.useEffect)(()=>(u?document.addEventListener(`mousedown`,y):document.removeEventListener(`mousedown`,y),()=>{document.removeEventListener(`mousedown`,y)}),[u]),(0,n.jsxs)(`div`,{className:[`single-select-dropdown`,`single-select-dropdown--${l}`,(()=>{if(u)return`single-select-dropdown--focus`;switch(c){case`focus`:return`single-select-dropdown--focus`;case`hover`:return`single-select-dropdown--hover`;case`selected`:return`single-select-dropdown--selected`;case`disabled`:return`single-select-dropdown--disabled`;default:return``}})(),e].filter(Boolean).join(` `),ref:m,children:[(0,n.jsx)(`label`,{className:`single-select-dropdown__label`,children:r}),(0,n.jsxs)(`div`,{className:`single-select-dropdown__select-container`,onClick:()=>!c.includes(`disabled`)&&d(!u),children:[(0,n.jsxs)(`div`,{className:`single-select-dropdown__select`,children:[(0,n.jsx)(`span`,{className:`single-select-dropdown__value ${_?``:`single-select-dropdown__value--placeholder`}`,children:_?_.label:i}),(0,n.jsx)(`span`,{className:`single-select-dropdown__caret`,children:(0,n.jsx)(le,{})})]}),u&&(0,n.jsx)(`div`,{className:`single-select-dropdown__dropdown`,children:a.map(e=>(0,n.jsx)(`div`,{className:`single-select-dropdown__option ${e.value===g?`single-select-dropdown__option--selected`:``}`,onClick:t=>{t.stopPropagation(),v(e.value)},children:(0,n.jsx)(`span`,{children:e.label})},e.value))})]})]})},de=({isOpen:e})=>(0,n.jsx)(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,style:{transform:e?`rotate(180deg)`:`none`,transition:`transform 0.2s`},children:(0,n.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M7.12636 9.63447C7.20737 9.54836 7.31719 9.5 7.43169 9.5C7.54618 9.5 7.656 9.54836 7.73701 9.63447L11.4032 13.5359C11.4166 13.5502 11.4325 13.5615 11.45 13.5692C11.4675 13.577 11.4863 13.5809 11.5052 13.5809C11.5241 13.5809 11.5429 13.577 11.5604 13.5692C11.5779 13.5615 11.5938 13.5502 11.6072 13.5359L15.2734 9.63447C15.3553 9.55325 15.4636 9.50903 15.5756 9.51114C15.6875 9.51324 15.7943 9.56149 15.8735 9.64573C15.9526 9.72997 15.998 9.84362 15.9999 9.96274C16.0019 10.0819 15.9604 10.1971 15.884 10.2843L12.2178 14.1857C12.1242 14.2854 12.0131 14.3644 11.8907 14.4183C11.7684 14.4722 11.6373 14.5 11.5049 14.5C11.3725 14.5 11.2414 14.4722 11.1191 14.4183C10.9968 14.3644 10.8856 14.2854 10.792 14.1857L7.12636 10.2843C7.04545 10.1981 7 10.0812 7 9.95938C7 9.83754 7.04545 9.72068 7.12636 9.63447Z`,fill:`currentColor`})}),fe=({className:e=``,label:r=`Input_Label`,placeholder:i=`Select`,options:a,value:o,onChange:s,state:c=`default`,size:l=`md`})=>{let[u,d]=(0,t.useState)(!1),[f,m]=(0,t.useState)([]),h=(0,t.useRef)(null),g=o!==void 0,_=g?o:f,v=e=>{let t=_.includes(e)?_.filter(t=>t!==e):[..._,e];g||m(t),s?.(t)},y=()=>{let e=a.map(e=>e.value),t=_.length===a.length?[]:e;g||m(t),s?.(t)},b=e=>{h.current&&!h.current.contains(e.target)&&d(!1)};(0,t.useEffect)(()=>(u?document.addEventListener(`mousedown`,b):document.removeEventListener(`mousedown`,b),()=>{document.removeEventListener(`mousedown`,b)}),[u]);let x=[`multi-select-dropdown`,`multi-select-dropdown--${l}`,(()=>{switch(c){case`disabled`:return`multi-select-dropdown--disabled`;case`readonly`:return`multi-select-dropdown--readonly`;default:return``}})(),e].filter(Boolean).join(` `),S=a.filter(e=>_.includes(e.value)),C=S.length>0?S.map(e=>e.label).join(`, `):i,w=_.length===a.length,T=_.length>0&&!w;return(0,n.jsxs)(`div`,{className:x,ref:h,children:[(0,n.jsx)(`label`,{className:`multi-select-dropdown__label`,children:r}),(0,n.jsxs)(`div`,{className:`multi-select-dropdown__select-container`,onClick:()=>c===`default`&&d(!u),children:[(0,n.jsxs)(`div`,{className:`multi-select-dropdown__select`,children:[(0,n.jsx)(`div`,{className:`multi-select-dropdown__checkbox-icon`,children:(0,n.jsx)(p,{checked:w,indeterminate:T,label:``,className:`multi-select-dropdown__base-checkbox`})}),(0,n.jsx)(`div`,{className:`multi-select-dropdown__value`,children:C}),(0,n.jsx)(`span`,{className:`multi-select-dropdown__caret`,children:(0,n.jsx)(de,{isOpen:u})})]}),u&&(0,n.jsxs)(`div`,{className:`multi-select-dropdown__dropdown`,children:[(0,n.jsxs)(`div`,{className:`multi-select-dropdown__option ${w?`multi-select-dropdown__option--selected`:``}`,onClick:e=>{e.stopPropagation(),y()},children:[(0,n.jsx)(`div`,{className:`multi-select-dropdown__option-checkbox`,children:(0,n.jsx)(p,{checked:w,indeterminate:T,label:``,className:`multi-select-dropdown__base-checkbox`})}),(0,n.jsx)(`span`,{className:`multi-select-dropdown__option-text`,children:`Select All`})]}),a.map(e=>(0,n.jsxs)(`div`,{className:`multi-select-dropdown__option ${_.includes(e.value)?`multi-select-dropdown__option--selected`:``}`,onClick:t=>{t.stopPropagation(),v(e.value)},children:[(0,n.jsx)(`div`,{className:`multi-select-dropdown__option-checkbox`,children:(0,n.jsx)(p,{checked:_.includes(e.value),label:``,className:`multi-select-dropdown__base-checkbox`})}),(0,n.jsx)(`span`,{className:`multi-select-dropdown__option-text`,children:e.label})]},e.value))]})]})]})},pe=({className:e=``,title:t,value:r,statusText:i,type:a=`info`,icon:o})=>(0,n.jsx)(`div`,{className:`dashboard-widget dashboard-widget--${a} ${e}`,children:(0,n.jsxs)(`div`,{className:`dashboard-widget__content`,children:[(0,n.jsxs)(`div`,{className:`dashboard-widget__details`,children:[(0,n.jsx)(`div`,{className:`dashboard-widget__title`,children:t}),(0,n.jsx)(`div`,{className:`dashboard-widget__value`,children:r}),(0,n.jsx)(`div`,{className:`dashboard-widget__status`,children:i})]}),(0,n.jsx)(`div`,{className:`dashboard-widget__icon-container`,children:(0,n.jsx)(`div`,{className:`dashboard-widget__icon-box`,children:o||(0,n.jsx)(`svg`,{className:`dashboard-widget__default-icon`,width:`19`,height:`19`,viewBox:`0 0 19 19`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.jsx)(`path`,{d:`M1.18164 3.54366C1.18164 2.24322 2.24323 1.18164 3.54367 1.18164H15.3626C16.663 1.18164 17.7246 2.24322 17.7246 3.54366V15.3626C17.7246 16.663 16.663 17.7246 15.3626 17.7246H3.54367C2.24323 17.7246 1.18164 16.663 1.18164 15.3626V3.54366ZM3.54367 5.90567V15.3537H6.53379V5.90567H3.54367ZM15.3538 5.90567H8.85157V15.3537H15.3538V5.90567Z`,fill:`currentColor`})})})})]})}),me={fontFamily:`var(--FontFamily-Family, "DM Sans", sans-serif)`},he=t.default.forwardRef(({label:e,helperText:r,error:i=!1,errorMessage:a,showCount:o=!1,maxLength:s,required:c=!1,readOnly:l=!1,disabled:u=!1,className:d=``,value:f,defaultValue:p,onChange:m,id:h,...g},_)=>{let[v,y]=t.default.useState(p||``),b=f!==void 0,x=b?f:v,S=String(x||``).length,C=h||`textarea-${Math.random().toString(36).substring(2,9)}`;return(0,n.jsxs)(`div`,{className:[`textarea-container`,i?`textarea-container--error`:``,u?`textarea-container--disabled`:``,l?`textarea-container--readonly`:``,d].filter(Boolean).join(` `),style:me,children:[(0,n.jsxs)(`div`,{className:`textarea__header`,children:[e&&(0,n.jsxs)(`label`,{htmlFor:C,className:`textarea__label`,children:[e,c&&(0,n.jsx)(`span`,{className:`textarea__required`,children:`*`})]}),o&&s&&(0,n.jsxs)(`span`,{className:`textarea__count`,children:[S,`/`,s]})]}),(0,n.jsxs)(`div`,{className:`textarea__wrapper`,children:[(0,n.jsx)(`textarea`,{ref:_,id:C,className:`textarea__input`,value:f,defaultValue:p,onChange:e=>{b||y(e.target.value),m&&m(e)},maxLength:s,disabled:u,readOnly:l,...g}),i&&(0,n.jsx)(`div`,{className:`textarea__error-icon`,children:(0,n.jsxs)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,n.jsx)(`rect`,{width:`12`,height:`12`,fill:`currentColor`}),(0,n.jsx)(`path`,{d:`M6 3V7M6 9H6.01`,stroke:`white`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})]})})]}),i&&a||r?(0,n.jsx)(`div`,{className:`textarea__footer`,children:i&&a?(0,n.jsx)(`span`,{className:`textarea__error-message`,children:a}):r&&(0,n.jsx)(`span`,{className:`textarea__helper-text`,children:r})}):null]})});he.displayName=`TextArea`,e.AddOnsCard=te,e.AdminTopNav=U,e.AudioPlayer=X,e.Button=d,e.Checkbox=p,e.DashboardWidget=pe,e.DatePicker=g,e.InputField=v,e.InputFieldIcon=b,e.InputFieldPhone=S,e.LinkButton=Q,e.MultiSelectDropDown=fe,e.NavigationDropDown=H,e.NotificationDropDownMenu=ce,e.PillBadge=w,e.ProgressBar=E,e.RadioButton=O,e.SearchBox=V,e.SimpleTab=$,e.SimpleTable=z,e.SingleSelectDropDown=ue,e.StateBadge=j,e.Switch=P,e.SwitchWithLabel=L,e.Table=R,e.TextArea=he});