@goodhood-web/ui 2.1.0-development.28 → 2.1.0-development.29

package/index.js

@@ -117,7 +117,7 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
             top: ${f}px !important;
             left: ${p}px !important;
           }
-        `),()=>{document.head.removeChild(v)}},[e]),L.jsx(nk,{isPresent:e,childRef:r,sizeRef:i,children:c.cloneElement(t,{ref:r})})}const ok=({children:t,initial:e,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:l})=>{const h=i3(ik),f=S.useId(),p=S.useCallback(w=>{h.set(w,!0);for(const b of h.values())if(!b)return;r&&r()},[h,r]),v=S.useMemo(()=>({id:f,initial:e,isPresent:n,custom:i,onExitComplete:p,register:w=>(h.set(w,!1),()=>h.delete(w))}),a?[Math.random(),p]:[n,p]);return S.useMemo(()=>{h.forEach((w,b)=>h.set(b,!1))},[n]),c.useEffect(()=>{!n&&!h.size&&r&&r()},[n]),l==="popLayout"&&(t=L.jsx(rk,{isPresent:n,children:t})),L.jsx(Qc.Provider,{value:v,children:t})};function ik(){return new Map}const Y1=t=>t.key||"";function vf(t){const e=[];return S.Children.forEach(t,n=>{S.isValidElement(n)&&e.push(n)}),e}const sk=({children:t,exitBeforeEnter:e,custom:n,initial:r=!0,onExitComplete:i,presenceAffectsLayout:a=!0,mode:l="sync"})=>{go(!e,"Replace exitBeforeEnter with mode='wait'");const h=S.useMemo(()=>vf(t),[t]),f=h.map(Y1),p=S.useRef(!0),v=S.useRef(h),w=i3(()=>new Map),[b,T]=S.useState(h),[P,V]=S.useState(h);eh(()=>{p.current=!1,v.current=h;for(let O=0;O<P.length;O++){const j=Y1(P[O]);f.includes(j)?w.delete(j):w.get(j)!==!0&&w.set(j,!1)}},[P,f.length,f.join("-")]);const F=[];if(h!==b){let O=[...h];for(let j=0;j<P.length;j++){const W=P[j],N=Y1(W);f.includes(N)||(O.splice(j,0,W),F.push(W))}l==="wait"&&F.length&&(O=F),V(vf(O)),T(h);return}process.env.NODE_ENV!=="production"&&l==="wait"&&P.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:A}=S.useContext(Q0);return L.jsx(L.Fragment,{children:P.map(O=>{const j=Y1(O),W=h===P||f.includes(j),N=()=>{if(w.has(j))w.set(j,!0);else return;let Y=!0;w.forEach(J=>{J||(Y=!1)}),Y&&(A==null||A(),V(v.current),i&&i())};return L.jsx(ok,{isPresent:W,initial:!p.current||r?void 0:!1,custom:W?void 0:n,presenceAffectsLayout:a,mode:l,onExitComplete:W?void 0:N,children:O},j)})})},ak="_tooltip_1rarq_120",lk="_container_1rarq_170",Cl={tooltip:ak,"tooltip--top":"_tooltip--top_1rarq_137","tooltip--bottom":"_tooltip--bottom_1rarq_145","tooltip--hasPointer":"_tooltip--hasPointer_1rarq_153","tooltip--hasPointer-top":"_tooltip--hasPointer-top_1rarq_163","tooltip--hasPointer-bottom":"_tooltip--hasPointer-bottom_1rarq_166",container:lk},ck=({children:t,className:e,customSpacing:n,hasPointer:r=!1,id:i,position:a="top",showTooltip:l=!0,text:h})=>{const[f,p]=S.useState(!1),[v,w]=S.useState(a),b=S.useRef(null),T=S.useRef(null),P=()=>{var J,K,ie;const V=(J=T.current)==null?void 0:J.getClientRects()[0],F=(ie=(K=b.current)==null?void 0:K.getClientRects()[0])==null?void 0:ie.height;if(!V||!F)return;const{bottom:A,top:O}=V,j=a==="top",W=a==="bottom",N=O-F,Y=A-F;w(j&&N>=0?"top":W&&Y>=0||j?"bottom":"top")};return S.useEffect(()=>{f&&l&&P()},[f,l]),L.jsxs("div",{className:Cl.container,ref:T,children:[L.jsx("div",{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>p(!0),onBlur:()=>p(!1),children:t}),L.jsx(sk,{children:f&&l&&L.jsx(tk.div,{ref:b,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{delay:.2},role:"tooltip",id:i,"aria-hidden":!0,className:pe(Cl.tooltip,Cl[`tooltip--${v}`],e,{[Cl["tooltip--hasPointer"]]:r,[Cl[`tooltip--hasPointer-${v}`]]:r}),style:{"--tooltip-spacing":n},children:typeof h=="string"?L.jsx(De,{type:"detail-medium",children:h}):h})})]})},uk="_primaryButton_18chh_120",wl={primaryButton:uk,"primaryButton--fullWidth":"_primaryButton--fullWidth_18chh_129","primaryButton--extraLarge":"_primaryButton--extraLarge_18chh_132","primaryButton--large":"_primaryButton--large_18chh_137","primaryButton--medium":"_primaryButton--medium_18chh_142","primaryButton--small":"_primaryButton--small_18chh_142","primaryButton--highlight":"_primaryButton--highlight_18chh_147","primaryButton--primary":"_primaryButton--primary_18chh_153","primaryButton--transparent":"_primaryButton--transparent_18chh_159","primaryButton--loading":"_primaryButton--loading_18chh_167"},gh=({children:t,className:e,color:n="primary",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=wl[`primaryButton--${n}`],P=wl[`primaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(wl.primaryButton,T,P,e,{[wl["primaryButton--loading"]]:l,[wl["primaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},dk="_secondaryButton_3hju7_120",yl={secondaryButton:dk,"secondaryButton--fullWidth":"_secondaryButton--fullWidth_3hju7_132","secondaryButton--large":"_secondaryButton--large_3hju7_135","secondaryButton--medium":"_secondaryButton--medium_3hju7_140","secondaryButton--small":"_secondaryButton--small_3hju7_140","secondaryButton--green":"_secondaryButton--green_3hju7_145","secondaryButton--pink":"_secondaryButton--pink_3hju7_151","secondaryButton--grey":"_secondaryButton--grey_3hju7_159","secondaryButton--teal":"_secondaryButton--teal_3hju7_165","secondaryButton--lavender":"_secondaryButton--lavender_3hju7_171","secondaryButton--orange":"_secondaryButton--orange_3hju7_178","secondaryButton--loading":"_secondaryButton--loading_3hju7_184"},u3=({children:t,className:e,color:n="green",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=yl[`secondaryButton--${n}`],P=yl[`secondaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(yl.secondaryButton,T,P,e,{[yl["secondaryButton--loading"]]:l,[yl["secondaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},fk="_tertiaryButton_1ap8m_120",bl={tertiaryButton:fk,"tertiaryButton--fullWidth":"_tertiaryButton--fullWidth_1ap8m_133","tertiaryButton--large":"_tertiaryButton--large_1ap8m_136","tertiaryButton--medium":"_tertiaryButton--medium_1ap8m_141","tertiaryButton--small":"_tertiaryButton--small_1ap8m_141","tertiaryButton--green":"_tertiaryButton--green_1ap8m_146","tertiaryButton--pink":"_tertiaryButton--pink_1ap8m_158","tertiaryButton--blue":"_tertiaryButton--blue_1ap8m_170","tertiaryButton--deepPurple":"_tertiaryButton--deepPurple_1ap8m_182","tertiaryButton--loading":"_tertiaryButton--loading_1ap8m_194"},d3=({children:t,className:e,color:n="green",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=bl[`tertiaryButton--${n}`],P=bl[`tertiaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(bl.tertiaryButton,T,P,e,{[bl["tertiaryButton--loading"]]:l,[bl["tertiaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},hk="_root_1wel1_120",pk="_root__label_1wel1_130",Ru={root:hk,root__label:pk,"root--filled":"_root--filled_1wel1_139","root--outline":"_root--outline_1wel1_149"},mk=({ariaLabel:t,iconSize:e="32",link:n,onClick:r,style:i="filled"})=>{const[a,l]=jf();S.useEffect(()=>{a&&r()},[a,r]);const h=()=>{l(n)};return L.jsxs(It,{className:pe(Ru.root,Ru[`root--${i}`]),onClick:h,ariaLabel:t,disabled:a,children:[L.jsx(De,{type:"body-large",className:Ru.root__label,children:n}),L.jsx(ot,{name:"copy",size:e})]})},gk="_iconButton_1117t_120",X1={iconButton:gk,"iconButton--loading":"_iconButton--loading_1117t_158","iconButton--small":"_iconButton--small_1117t_164","iconButton--medium":"_iconButton--medium_1117t_168","iconButton--large":"_iconButton--large_1117t_172","iconButton--green":"_iconButton--green_1117t_176","iconButton--white":"_iconButton--white_1117t_188","iconButton--grey":"_iconButton--grey_1117t_202"},vk=t=>t==="small"?"24":"32",Sr=S.forwardRef(({className:t,icon:e,iconClassName:n,loading:r,size:i="medium",variant:a,...l},h)=>{const f=vk(i);return L.jsx(It,{...l,className:pe(X1.iconButton,t,{[X1["iconButton--loading"]]:r,[X1[`iconButton--${a}`]]:a,[X1[`iconButton--${i}`]]:a}),ref:h,children:L.jsx(ot,{size:f,name:e,className:n})})});Sr.displayName="IconButton";const Ck="_button_lgcgh_120",wk="_button__icon_lgcgh_128",K1={button:Ck,"button--selected":"_button--selected_lgcgh_125",button__icon:wk,"button__icon--selected":"_button__icon--selected_lgcgh_131"};function yk({iconClassName:t,iconSelected:e,iconUnselected:n,selected:r,...i}){const a=pe(K1.button__icon,{[K1["button__icon--selected"]]:r},t);return L.jsx(It,{...i,className:pe(K1.button,{[K1["button--selected"]]:r},i.className),children:L.jsx(ot,{className:a,size:"24",name:r?e:n})})}const bk="_feedTile_123y5_120",xk="_feedTile__icon_123y5_133",xl={feedTile:bk,feedTile__icon:xk,"feedTile--fullWidth":"_feedTile--fullWidth_123y5_157"},_k=({fullWidth:t,icon:e,onClick:n,text:r})=>L.jsxs(It,{onClick:n,className:pe(xl.feedTile,{[xl["feedTile--fullWidth"]]:t}),children:[L.jsx(ot,{className:xl.feedTile__icon,name:e}),typeof r=="string"?L.jsx(De,{type:"body-regular",className:xl.feedTile__text,children:r}):L.jsx("span",{className:xl.feedTile__text,children:r})]}),Ek="_menuTile_1lvni_120",kk="_menuTile__value_1lvni_140",J1={menuTile:Ek,"menuTile--fullWidth":"_menuTile--fullWidth_1lvni_133","menuTile--icon":"_menuTile--icon_1lvni_136",menuTile__value:kk},Sk=({fullWidth:t=!1,icon:e,primaryText:n,secondaryText:r,...i})=>L.jsxs(It,{...i,className:pe(J1.menuTile,{[J1["menuTile--icon"]]:e,[J1["menuTile--fullWidth"]]:t}),children:[e&&L.jsx(ot,{name:e}),n&&L.jsx(De,{type:"detail-bold",className:J1.menuTile__value,children:n}),r&&L.jsx(De,{type:"detail-medium",children:r})]});var Rk="Expected a function",Cf=NaN,Tk="[object Symbol]",Mk=/^\s+|\s+$/g,Lk=/^[-+]0x[0-9a-f]+$/i,Pk=/^0b[01]+$/i,Ak=/^0o[0-7]+$/i,Fk=parseInt,Ik=typeof oa=="object"&&oa&&oa.Object===Object&&oa,Dk=typeof self=="object"&&self&&self.Object===Object&&self,Vk=Ik||Dk||Function("return this")(),Bk=Object.prototype,Ok=Bk.toString,jk=Math.max,$k=Math.min,Tu=function(){return Vk.Date.now()};function Nk(t,e,n){var r,i,a,l,h,f,p=0,v=!1,w=!1,b=!0;if(typeof t!="function")throw new TypeError(Rk);e=wf(e)||0,r0(n)&&(v=!!n.leading,w="maxWait"in n,a=w?jk(wf(n.maxWait)||0,e):a,b="trailing"in n?!!n.trailing:b);function T(Y){var J=r,K=i;return r=i=void 0,p=Y,l=t.apply(K,J),l}function P(Y){return p=Y,h=setTimeout(A,e),v?T(Y):l}function V(Y){var J=Y-f,K=Y-p,ie=e-J;return w?$k(ie,a-K):ie}function F(Y){var J=Y-f,K=Y-p;return f===void 0||J>=e||J<0||w&&K>=a}function A(){var Y=Tu();if(F(Y))return O(Y);h=setTimeout(A,V(Y))}function O(Y){return h=void 0,b&&r?T(Y):(r=i=void 0,l)}function j(){h!==void 0&&clearTimeout(h),p=0,r=f=i=h=void 0}function W(){return h===void 0?l:O(Tu())}function N(){var Y=Tu(),J=F(Y);if(r=arguments,i=this,f=Y,J){if(h===void 0)return P(f);if(w)return h=setTimeout(A,e),T(f)}return h===void 0&&(h=setTimeout(A,e)),l}return N.cancel=j,N.flush=W,N}function r0(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function Hk(t){return!!t&&typeof t=="object"}function Wk(t){return typeof t=="symbol"||Hk(t)&&Ok.call(t)==Tk}function wf(t){if(typeof t=="number")return t;if(Wk(t))return Cf;if(r0(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=r0(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=t.replace(Mk,"");var n=Pk.test(t);return n||Ak.test(t)?Fk(t.slice(2),n?2:8):Lk.test(t)?Cf:+t}var Uk=Nk;const zk=$f(Uk);function Zk(t,{lines:e}){let[n,r]=S.useState(!0);return S.useEffect(()=>{let i=()=>{if(!t.current)return;let l={webkitLineClamp:t.current.style.webkitLineClamp,display:t.current.style.display,webkitBoxOrient:t.current.style.webkitBoxOrient,overflow:t.current.style.overflow};t.current.style.webkitLineClamp=e.toString(),t.current.style.display="-webkit-box",t.current.style.webkitBoxOrient="vertical",t.current.style.overflow="hidden",r(t.current.clientHeight!==t.current.scrollHeight),t.current.style.webkitLineClamp=l.webkitLineClamp,t.current.style.display=l.display,t.current.style.webkitBoxOrient=l.webkitBoxOrient,t.current.style.overflow=l.overflow},a=zk(i,50);return i(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[t]),n}const qk="_bodyText_fgef4_120",Gk="_bodyText__textButton_fgef4_148",Yk="_bodyText__showMore_fgef4_159",Wo={bodyText:qk,"bodyText--notClickable":"_bodyText--notClickable_fgef4_125","bodyText--post":"_bodyText--post_fgef4_128","bodyText--modal":"_bodyText--modal_fgef4_133","bodyText__text--collapsed":"_bodyText__text--collapsed_fgef4_140",bodyText__textButton:Gk,bodyText__showMore:Yk};var Ai={};/**
+        `),()=>{document.head.removeChild(v)}},[e]),L.jsx(nk,{isPresent:e,childRef:r,sizeRef:i,children:c.cloneElement(t,{ref:r})})}const ok=({children:t,initial:e,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:l})=>{const h=i3(ik),f=S.useId(),p=S.useCallback(w=>{h.set(w,!0);for(const b of h.values())if(!b)return;r&&r()},[h,r]),v=S.useMemo(()=>({id:f,initial:e,isPresent:n,custom:i,onExitComplete:p,register:w=>(h.set(w,!1),()=>h.delete(w))}),a?[Math.random(),p]:[n,p]);return S.useMemo(()=>{h.forEach((w,b)=>h.set(b,!1))},[n]),c.useEffect(()=>{!n&&!h.size&&r&&r()},[n]),l==="popLayout"&&(t=L.jsx(rk,{isPresent:n,children:t})),L.jsx(Qc.Provider,{value:v,children:t})};function ik(){return new Map}const Y1=t=>t.key||"";function vf(t){const e=[];return S.Children.forEach(t,n=>{S.isValidElement(n)&&e.push(n)}),e}const sk=({children:t,exitBeforeEnter:e,custom:n,initial:r=!0,onExitComplete:i,presenceAffectsLayout:a=!0,mode:l="sync"})=>{go(!e,"Replace exitBeforeEnter with mode='wait'");const h=S.useMemo(()=>vf(t),[t]),f=h.map(Y1),p=S.useRef(!0),v=S.useRef(h),w=i3(()=>new Map),[b,T]=S.useState(h),[P,V]=S.useState(h);eh(()=>{p.current=!1,v.current=h;for(let O=0;O<P.length;O++){const j=Y1(P[O]);f.includes(j)?w.delete(j):w.get(j)!==!0&&w.set(j,!1)}},[P,f.length,f.join("-")]);const F=[];if(h!==b){let O=[...h];for(let j=0;j<P.length;j++){const W=P[j],N=Y1(W);f.includes(N)||(O.splice(j,0,W),F.push(W))}l==="wait"&&F.length&&(O=F),V(vf(O)),T(h);return}process.env.NODE_ENV!=="production"&&l==="wait"&&P.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:A}=S.useContext(Q0);return L.jsx(L.Fragment,{children:P.map(O=>{const j=Y1(O),W=h===P||f.includes(j),N=()=>{if(w.has(j))w.set(j,!0);else return;let Y=!0;w.forEach(J=>{J||(Y=!1)}),Y&&(A==null||A(),V(v.current),i&&i())};return L.jsx(ok,{isPresent:W,initial:!p.current||r?void 0:!1,custom:W?void 0:n,presenceAffectsLayout:a,mode:l,onExitComplete:W?void 0:N,children:O},j)})})},ak="_tooltip_1rarq_120",lk="_container_1rarq_170",Cl={tooltip:ak,"tooltip--top":"_tooltip--top_1rarq_137","tooltip--bottom":"_tooltip--bottom_1rarq_145","tooltip--hasPointer":"_tooltip--hasPointer_1rarq_153","tooltip--hasPointer-top":"_tooltip--hasPointer-top_1rarq_163","tooltip--hasPointer-bottom":"_tooltip--hasPointer-bottom_1rarq_166",container:lk},ck=({children:t,className:e,customSpacing:n,hasPointer:r=!1,id:i,position:a="top",showTooltip:l=!0,text:h})=>{const[f,p]=S.useState(!1),[v,w]=S.useState(a),b=S.useRef(null),T=S.useRef(null),P=()=>{var J,K,ie;const V=(J=T.current)==null?void 0:J.getClientRects()[0],F=(ie=(K=b.current)==null?void 0:K.getClientRects()[0])==null?void 0:ie.height;if(!V||!F)return;const{bottom:A,top:O}=V,j=a==="top",W=a==="bottom",N=O-F,Y=A-F;w(j&&N>=0?"top":W&&Y>=0||j?"bottom":"top")};return S.useEffect(()=>{(f||l)&&P()},[f,l]),L.jsxs("div",{className:Cl.container,ref:T,children:[L.jsx("div",{onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onFocus:()=>p(!0),onBlur:()=>p(!1),children:t}),L.jsx(sk,{children:(f||l)&&L.jsx(tk.div,{ref:b,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{delay:.2},role:"tooltip",id:i,"aria-hidden":!0,className:pe(Cl.tooltip,Cl[`tooltip--${v}`],e,{[Cl["tooltip--hasPointer"]]:r,[Cl[`tooltip--hasPointer-${v}`]]:r}),style:{"--tooltip-spacing":n},children:typeof h=="string"?L.jsx(De,{type:"detail-medium",children:h}):h})})]})},uk="_primaryButton_18chh_120",wl={primaryButton:uk,"primaryButton--fullWidth":"_primaryButton--fullWidth_18chh_129","primaryButton--extraLarge":"_primaryButton--extraLarge_18chh_132","primaryButton--large":"_primaryButton--large_18chh_137","primaryButton--medium":"_primaryButton--medium_18chh_142","primaryButton--small":"_primaryButton--small_18chh_142","primaryButton--highlight":"_primaryButton--highlight_18chh_147","primaryButton--primary":"_primaryButton--primary_18chh_153","primaryButton--transparent":"_primaryButton--transparent_18chh_159","primaryButton--loading":"_primaryButton--loading_18chh_167"},gh=({children:t,className:e,color:n="primary",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=wl[`primaryButton--${n}`],P=wl[`primaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(wl.primaryButton,T,P,e,{[wl["primaryButton--loading"]]:l,[wl["primaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},dk="_secondaryButton_3hju7_120",yl={secondaryButton:dk,"secondaryButton--fullWidth":"_secondaryButton--fullWidth_3hju7_132","secondaryButton--large":"_secondaryButton--large_3hju7_135","secondaryButton--medium":"_secondaryButton--medium_3hju7_140","secondaryButton--small":"_secondaryButton--small_3hju7_140","secondaryButton--green":"_secondaryButton--green_3hju7_145","secondaryButton--pink":"_secondaryButton--pink_3hju7_151","secondaryButton--grey":"_secondaryButton--grey_3hju7_159","secondaryButton--teal":"_secondaryButton--teal_3hju7_165","secondaryButton--lavender":"_secondaryButton--lavender_3hju7_171","secondaryButton--orange":"_secondaryButton--orange_3hju7_178","secondaryButton--loading":"_secondaryButton--loading_3hju7_184"},u3=({children:t,className:e,color:n="green",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=yl[`secondaryButton--${n}`],P=yl[`secondaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(yl.secondaryButton,T,P,e,{[yl["secondaryButton--loading"]]:l,[yl["secondaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},fk="_tertiaryButton_1ap8m_120",bl={tertiaryButton:fk,"tertiaryButton--fullWidth":"_tertiaryButton--fullWidth_1ap8m_133","tertiaryButton--large":"_tertiaryButton--large_1ap8m_136","tertiaryButton--medium":"_tertiaryButton--medium_1ap8m_141","tertiaryButton--small":"_tertiaryButton--small_1ap8m_141","tertiaryButton--green":"_tertiaryButton--green_1ap8m_146","tertiaryButton--pink":"_tertiaryButton--pink_1ap8m_158","tertiaryButton--blue":"_tertiaryButton--blue_1ap8m_170","tertiaryButton--deepPurple":"_tertiaryButton--deepPurple_1ap8m_182","tertiaryButton--loading":"_tertiaryButton--loading_1ap8m_194"},d3=({children:t,className:e,color:n="green",disabled:r,fullWidth:i,leftIcon:a,loading:l,rightIcon:h,size:f="extraLarge",text:p,...v})=>{const w=kr(a,[ot]),b=kr(h,[ot]),T=bl[`tertiaryButton--${n}`],P=bl[`tertiaryButton--${f}`],V={extraLarge:"h5",large:"h5",medium:"body-semibold",small:"detail-medium"};return L.jsxs(It,{...v,disabled:r,className:pe(bl.tertiaryButton,T,P,e,{[bl["tertiaryButton--loading"]]:l,[bl["tertiaryButton--fullWidth"]]:i}),children:[w,p&&L.jsx(De,{type:V[f],as:"span",children:p}),t,b]})},hk="_root_1wel1_120",pk="_root__label_1wel1_130",Ru={root:hk,root__label:pk,"root--filled":"_root--filled_1wel1_139","root--outline":"_root--outline_1wel1_149"},mk=({ariaLabel:t,iconSize:e="32",link:n,onClick:r,style:i="filled"})=>{const[a,l]=jf();S.useEffect(()=>{a&&r()},[a,r]);const h=()=>{l(n)};return L.jsxs(It,{className:pe(Ru.root,Ru[`root--${i}`]),onClick:h,ariaLabel:t,disabled:a,children:[L.jsx(De,{type:"body-large",className:Ru.root__label,children:n}),L.jsx(ot,{name:"copy",size:e})]})},gk="_iconButton_1117t_120",X1={iconButton:gk,"iconButton--loading":"_iconButton--loading_1117t_158","iconButton--small":"_iconButton--small_1117t_164","iconButton--medium":"_iconButton--medium_1117t_168","iconButton--large":"_iconButton--large_1117t_172","iconButton--green":"_iconButton--green_1117t_176","iconButton--white":"_iconButton--white_1117t_188","iconButton--grey":"_iconButton--grey_1117t_202"},vk=t=>t==="small"?"24":"32",Sr=S.forwardRef(({className:t,icon:e,iconClassName:n,loading:r,size:i="medium",variant:a,...l},h)=>{const f=vk(i);return L.jsx(It,{...l,className:pe(X1.iconButton,t,{[X1["iconButton--loading"]]:r,[X1[`iconButton--${a}`]]:a,[X1[`iconButton--${i}`]]:a}),ref:h,children:L.jsx(ot,{size:f,name:e,className:n})})});Sr.displayName="IconButton";const Ck="_button_lgcgh_120",wk="_button__icon_lgcgh_128",K1={button:Ck,"button--selected":"_button--selected_lgcgh_125",button__icon:wk,"button__icon--selected":"_button__icon--selected_lgcgh_131"};function yk({iconClassName:t,iconSelected:e,iconUnselected:n,selected:r,...i}){const a=pe(K1.button__icon,{[K1["button__icon--selected"]]:r},t);return L.jsx(It,{...i,className:pe(K1.button,{[K1["button--selected"]]:r},i.className),children:L.jsx(ot,{className:a,size:"24",name:r?e:n})})}const bk="_feedTile_123y5_120",xk="_feedTile__icon_123y5_133",xl={feedTile:bk,feedTile__icon:xk,"feedTile--fullWidth":"_feedTile--fullWidth_123y5_157"},_k=({fullWidth:t,icon:e,onClick:n,text:r})=>L.jsxs(It,{onClick:n,className:pe(xl.feedTile,{[xl["feedTile--fullWidth"]]:t}),children:[L.jsx(ot,{className:xl.feedTile__icon,name:e}),typeof r=="string"?L.jsx(De,{type:"body-regular",className:xl.feedTile__text,children:r}):L.jsx("span",{className:xl.feedTile__text,children:r})]}),Ek="_menuTile_1lvni_120",kk="_menuTile__value_1lvni_140",J1={menuTile:Ek,"menuTile--fullWidth":"_menuTile--fullWidth_1lvni_133","menuTile--icon":"_menuTile--icon_1lvni_136",menuTile__value:kk},Sk=({fullWidth:t=!1,icon:e,primaryText:n,secondaryText:r,...i})=>L.jsxs(It,{...i,className:pe(J1.menuTile,{[J1["menuTile--icon"]]:e,[J1["menuTile--fullWidth"]]:t}),children:[e&&L.jsx(ot,{name:e}),n&&L.jsx(De,{type:"detail-bold",className:J1.menuTile__value,children:n}),r&&L.jsx(De,{type:"detail-medium",children:r})]});var Rk="Expected a function",Cf=NaN,Tk="[object Symbol]",Mk=/^\s+|\s+$/g,Lk=/^[-+]0x[0-9a-f]+$/i,Pk=/^0b[01]+$/i,Ak=/^0o[0-7]+$/i,Fk=parseInt,Ik=typeof oa=="object"&&oa&&oa.Object===Object&&oa,Dk=typeof self=="object"&&self&&self.Object===Object&&self,Vk=Ik||Dk||Function("return this")(),Bk=Object.prototype,Ok=Bk.toString,jk=Math.max,$k=Math.min,Tu=function(){return Vk.Date.now()};function Nk(t,e,n){var r,i,a,l,h,f,p=0,v=!1,w=!1,b=!0;if(typeof t!="function")throw new TypeError(Rk);e=wf(e)||0,r0(n)&&(v=!!n.leading,w="maxWait"in n,a=w?jk(wf(n.maxWait)||0,e):a,b="trailing"in n?!!n.trailing:b);function T(Y){var J=r,K=i;return r=i=void 0,p=Y,l=t.apply(K,J),l}function P(Y){return p=Y,h=setTimeout(A,e),v?T(Y):l}function V(Y){var J=Y-f,K=Y-p,ie=e-J;return w?$k(ie,a-K):ie}function F(Y){var J=Y-f,K=Y-p;return f===void 0||J>=e||J<0||w&&K>=a}function A(){var Y=Tu();if(F(Y))return O(Y);h=setTimeout(A,V(Y))}function O(Y){return h=void 0,b&&r?T(Y):(r=i=void 0,l)}function j(){h!==void 0&&clearTimeout(h),p=0,r=f=i=h=void 0}function W(){return h===void 0?l:O(Tu())}function N(){var Y=Tu(),J=F(Y);if(r=arguments,i=this,f=Y,J){if(h===void 0)return P(f);if(w)return h=setTimeout(A,e),T(f)}return h===void 0&&(h=setTimeout(A,e)),l}return N.cancel=j,N.flush=W,N}function r0(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function Hk(t){return!!t&&typeof t=="object"}function Wk(t){return typeof t=="symbol"||Hk(t)&&Ok.call(t)==Tk}function wf(t){if(typeof t=="number")return t;if(Wk(t))return Cf;if(r0(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=r0(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=t.replace(Mk,"");var n=Pk.test(t);return n||Ak.test(t)?Fk(t.slice(2),n?2:8):Lk.test(t)?Cf:+t}var Uk=Nk;const zk=$f(Uk);function Zk(t,{lines:e}){let[n,r]=S.useState(!0);return S.useEffect(()=>{let i=()=>{if(!t.current)return;let l={webkitLineClamp:t.current.style.webkitLineClamp,display:t.current.style.display,webkitBoxOrient:t.current.style.webkitBoxOrient,overflow:t.current.style.overflow};t.current.style.webkitLineClamp=e.toString(),t.current.style.display="-webkit-box",t.current.style.webkitBoxOrient="vertical",t.current.style.overflow="hidden",r(t.current.clientHeight!==t.current.scrollHeight),t.current.style.webkitLineClamp=l.webkitLineClamp,t.current.style.display=l.display,t.current.style.webkitBoxOrient=l.webkitBoxOrient,t.current.style.overflow=l.overflow},a=zk(i,50);return i(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[t]),n}const qk="_bodyText_fgef4_120",Gk="_bodyText__textButton_fgef4_148",Yk="_bodyText__showMore_fgef4_159",Wo={bodyText:qk,"bodyText--notClickable":"_bodyText--notClickable_fgef4_125","bodyText--post":"_bodyText--post_fgef4_128","bodyText--modal":"_bodyText--modal_fgef4_133","bodyText__text--collapsed":"_bodyText__text--collapsed_fgef4_140",bodyText__textButton:Gk,bodyText__showMore:Yk};var Ai={};/**
  * @license React
  * react-dom-server-legacy.browser.production.min.js
  *

package/index.mjs

@@ -12697,7 +12697,7 @@ const ck = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
     );
   };
   return ei(() => {
-    f && l && L();
+    (f || l) && L();
   }, [f, l]), /* @__PURE__ */ M.jsxs("div", { className: Sl.container, ref: T, children: [
     /* @__PURE__ */ M.jsx(
       "div",
@@ -12709,7 +12709,7 @@ const ck = ({ children: t, exitBeforeEnter: e, custom: n, initial: r = !0, onExi
         children: t
       }
     ),
-    /* @__PURE__ */ M.jsx(ck, { children: f && l && /* @__PURE__ */ M.jsx(
+    /* @__PURE__ */ M.jsx(ck, { children: (f || l) && /* @__PURE__ */ M.jsx(
       ok.div,
       {
         ref: b,

package/lib/Base/Icon/icons/coloured/32x32/index.d.ts

@@ -1,21 +1,39 @@
 declare const IconsMap: {
     readonly bubble_heart_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly event_calendar_plus_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly gift_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly group_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly heart_handshake_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly supporter_new_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
 };
 export default IconsMap;

package/lib/Base/Icon/icons/coloured/index.d.ts

@@ -4,21 +4,39 @@ declare const iconsMap: {
     '32': {
         readonly bubble_heart_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly event_calendar_plus_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly gift_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly group_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly heart_handshake_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly supporter_new_coloured: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
     };
 };

package/lib/Base/Icon/icons/filled/16x16/index.d.ts

@@ -1,6 +1,9 @@
 declare const IconsMap: {
     heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
 };
 export default IconsMap;

package/lib/Base/Icon/icons/filled/24x24/index.d.ts

@@ -1,9 +1,15 @@
 declare const IconsMap: {
     readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
 };
 export default IconsMap;

package/lib/Base/Icon/icons/filled/32x32/index.d.ts

@@ -1,12 +1,21 @@
 declare const IconsMap: {
     readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly quotation_left_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
     readonly quotation_right_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
     }>;
 };
 export default IconsMap;

package/lib/Base/Icon/icons/filled/index.d.ts

@@ -2,25 +2,43 @@ declare const iconsMap: {
     '16': {
         heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
     };
     '24': {
         readonly bookmark_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
     };
     '32': {
         readonly heart_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly quotation_left_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
         readonly quotation_right_filled: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
             title?: string;
+            titleId?: string;
+            desc?: string;
+            descId?: string;
         }>;
     };
 };