@soul-refiner/design-system 2.14.62 → 2.14.63

package/dist/components/feedback/emojiPicker/emoji-picker.js

@@ -1,9 +1,9 @@
-"use strict";var React=require("react"),styled=require("styled-components"),custom_emoji_data=require("../../../assets/custom_emoji_data.json.js"),reactWindow=require("react-window"),utils=require("./utils.js"),constants=require("./constants.js"),box=require("../../atoms/box/box.js"),paragraph=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js")),emoticon_add=(require("../../atoms/typography/typography.js"),require("../../iconography/icon/icon.js"),require("../../../icons/basic/subtask.js"),require("../../../icons/basic/emoticon_add.js")),emoji_add=require("../../../icons/emoji/emoji_add.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../common/colors.js");var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const CATEGORY_DISPLAY_NAMES={[constants.CategoryId.FREQUENTLY]:"Frequently Used",[constants.CategoryId.PEOPLE]:"Smile & People",[constants.CategoryId.NATURE]:"Nature",[constants.CategoryId.FOODS]:"Food & Drink",[constants.CategoryId.ACTIVITY]:"Activity",[constants.CategoryId.OBJECTS]:"Objects",[constants.CategoryId.SYMBOLS]:"Symbols",[constants.CategoryId.FLAGS]:"Flags"},CustomEmojiPicker=({onSelect:r,onClickOutside:t,open:a,trigger:e,$pickersx:o})=>{const[n,i]=React__default.default.useState(constants.CategoryId.FREQUENTLY),[d,s]=React__default.default.useState(""),[l,u]=React__default.default.useState(""),c=React__default.default.useRef(null),f=React__default.default.useRef(null),[_,p]=React__default.default.useState(!1),m=void 0!==a?a:_,{categories:g,emojiMap:y}=(React__default.default.useEffect(()=>{const e=e=>{c.current&&!c.current.contains(e.target)&&(void 0===a&&p(!1),t())};return m&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[m,a]),React__default.default.useEffect(()=>{const e=setTimeout(()=>{u(d)},300);return()=>{clearTimeout(e)}},[d]),React__default.default.useMemo(()=>utils.preprocessEmojiData(custom_emoji_data.default,constants.FREQUENTLY_USED_IDS),[])),h=React__default.default.useMemo(()=>{if(!l.trim())return g;const t=l.toLowerCase();var e=[];for(const a of Object.values(y))(a.name.toLowerCase().includes(t)||a.keywords?.some(e=>e.toLowerCase().includes(t)))&&e.push(a);return{search:e}},[g,y,l]),x=React__default.default.useMemo(()=>{var e=Object.entries(h);return"search"in h?e.map(([e,t])=>({categoryId:e,emojis:t})):e.sort((e,t)=>e[0]===constants.CategoryId.FREQUENTLY?-1:t[0]===constants.CategoryId.FREQUENTLY?1:0).map(([e,t])=>({categoryId:e,emojis:t}))},[h]);var E=React__default.default.memo(({index:e,style:t})=>{var e=x[e],a="search"===e.categoryId;return React__default.default.createElement("div",{style:t},React__default.default.createElement(paragraph.P,{$color:"grey-5",sx:"padding: 8px;",$fontSize:14},a&&0<e.emojis.length?"Search Results":0<e.emojis.length?CATEGORY_DISPLAY_NAMES[e.categoryId]||e.categoryId:null),a&&0===e.emojis.length?React__default.default.createElement(box.Box,{$dir:"column",$align:"center",sx:" height: 100%;"},React__default.default.createElement(box.Box,{sx:"margin-top:auto;"},React__default.default.createElement(emoticon_add.Emoticon,{size:24})),React__default.default.createElement(paragraph.P,{$bold:!0},"No emojis found."),React__default.default.createElement(paragraph.P,{$fontSize:10,sx:"margin-bottom: auto;"},"Try using different keywords")):React__default.default.createElement(EmojiGrid,null,e.emojis.map(e=>React__default.default.createElement(EmojiButton,{key:e.id,$x:e.coordinates?.x,$y:e.coordinates?.y,title:":"+e.id,onClick:()=>{r({id:e.id,name:e.name,native:e.skins?.[0]?.native||"",unified:e.skins?.[0]?.unified||""}),p(!1)}},!e.coordinates&&e.skins[0].native))))});return React__default.default.createElement(Wrapper,{ref:c},React__default.default.createElement(TriggerContainer,{onClick:()=>p(e=>!e),style:{cursor:"pointer"}},e??React__default.default.createElement(box.Box,{sx:"width: 28px; height: 28px;",$justify:"center",$align:"center"},React__default.default.createElement(emoji_add.EmojiAdd,{size:32}))),m&&React__default.default.createElement(PickerContainer,{$sx:o},React__default.default.createElement(SearchInputWrapper,null,React__default.default.createElement(SearchInput,{type:"text",placeholder:"Search…",value:d,onChange:e=>s(e.target.value)})),React__default.default.createElement(StyledList,{height:400,itemCount:x.length,itemSize:e=>{e=x[e].emojis.length;return 36+38*Math.ceil(e/10)+12},width:"100%",ref:f},E),React__default.default.createElement(BottomTabs,null,Object.entries(constants.CATEGORY_ICONS).map(([a,e])=>React__default.default.createElement(TabButton,{key:a,$active:n===a,onClick:()=>{var t,e;t=a,-1!==(e=x.findIndex(e=>e.categoryId===t))&&f.current&&(f.current.scrollToItem(e,"start"),i(t))}},e)))))},TriggerContainer=styled__default.default.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("../../../assets/custom_emoji_data.json.js"),i=require("react-window"),s=require("./utils.js"),n=require("./constants.js"),a=require("../../atoms/box/box.js");require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var d=require("../../atoms/typography/paragraph.js");require("../../atoms/typography/typography.js"),require("../../iconography/icon/icon.js"),require("../../../icons/basic/subtask.js");var l=require("../../../icons/basic/emoticon_add.js"),c=require("../../../icons/emoji/emoji_add.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../common/colors.js");var p=u(r),x=u(t);const g={[n.CategoryId.FREQUENTLY]:"Frequently Used",[n.CategoryId.PEOPLE]:"Smile & People",[n.CategoryId.NATURE]:"Nature",[n.CategoryId.FOODS]:"Food & Drink",[n.CategoryId.ACTIVITY]:"Activity",[n.CategoryId.OBJECTS]:"Objects",[n.CategoryId.SYMBOLS]:"Symbols",[n.CategoryId.FLAGS]:"Flags"},h=x.default.div`
   cursor: pointer;
-`,Wrapper=styled__default.default.div`
+`,m=x.default.div`
   position: relative;
   display: inline-block;
-`,PickerContainer=styled__default.default.div`
+`,f=x.default.div`
   z-index: 100;
   width: 320px;
   max-height: 450px;
@@ -15,13 +15,13 @@
   display: flex;
   flex-direction: column;
   ${({$sx:e})=>e||""}
-`,SearchInputWrapper=styled__default.default.div`
+`,y=x.default.div`
   padding: 6px 8px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-bottom: 1px solid var(--color-grey-9);
-`,SearchInput=styled__default.default.input`
+`,j=x.default.input`
   width: 95%;
   padding: 6px 0px 6px 6px;
   border-radius: 6px;
@@ -33,28 +33,24 @@
     border: 1px solid var(--color-primary-blue-2);
     outline: none;
   }
-`,EmojiGrid=styled__default.default.div`
+`,b=x.default.div`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(28px, 1fr));
   gap: 6px;
   width: 100%;
   padding: 0 8px;
   box-sizing: border-box;
-`,EmojiButton=styled__default.default.div`
-  width: ${constants.TILE_SIZE}px;
-  height: ${constants.TILE_SIZE}px;
+`,v=x.default.div`
+  width: ${n.TILE_SIZE}px;
+  height: ${n.TILE_SIZE}px;
   cursor: pointer;
   text-align: center;
-  line-height: ${constants.TILE_SIZE}px;
+  line-height: ${n.TILE_SIZE}px;
   font-size: 22px;
   position: relative;
 
-  ${({$x:e,$y:t})=>void 0!==e&&void 0!==t&&`
-    background-image: url(${constants.SPRITE_URL});
-    background-size: ${100*constants.SPRITE_COLUMNS}% ${100*constants.SPRITE_COLUMNS}%;
-    background-position: ${e/(constants.SPRITE_COLUMNS-1)*100}% ${t/(constants.SPRITE_COLUMNS-1)*100}%;
-  `}
-`,StyledList=styled__default.default(reactWindow.VariableSizeList)`
+  ${({$x:e,$y:r})=>void 0!==e&&void 0!==r&&`\n    background-image: url(${n.SPRITE_URL});\n    background-size: ${100*n.SPRITE_COLUMNS}% ${100*n.SPRITE_COLUMNS}%;\n    background-position: ${e/(n.SPRITE_COLUMNS-1)*100}% ${r/(n.SPRITE_COLUMNS-1)*100}%;\n  `}
+`,E=x.default(i.VariableSizeList)`
   &::-webkit-scrollbar {
     width: 6px;
   }
@@ -66,12 +62,12 @@
 
   scrollbar-width: thin;
   scrollbar-color: var(--color-grey-9) transparent;
-`,BottomTabs=styled__default.default.div`
+`,I=x.default.div`
   display: flex;
   justify-content: space-around;
   background: white;
   border-top: 1px solid #ddd;
-`,TabButton=styled__default.default.button`
+`,S=x.default.button`
   flex: 1;
   padding: 8px 0;
   font-size: 20px;
@@ -84,4 +80,4 @@
   &:hover {
     background: var(--color-grey-9);
   }
-`;exports.CustomEmojiPicker=CustomEmojiPicker;
+`;exports.CustomEmojiPicker=({onSelect:r,onClickOutside:t,open:i,trigger:u,$pickersx:x})=>{const[$,C]=p.default.useState(n.CategoryId.FREQUENTLY),[k,w]=p.default.useState(""),[L,T]=p.default.useState(""),q=p.default.useRef(null),O=p.default.useRef(null),[R,_]=p.default.useState(!1),N=void 0!==i?i:R;p.default.useEffect(()=>{const e=e=>{q.current&&!q.current.contains(e.target)&&(void 0===i&&_(!1),t())};return N&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[N,i]),p.default.useEffect(()=>{const e=setTimeout(()=>{T(k)},300);return()=>{clearTimeout(e)}},[k]);const{categories:U,emojiMap:z}=p.default.useMemo(()=>s.preprocessEmojiData(o.default,n.FREQUENTLY_USED_IDS),[]),P=p.default.useMemo(()=>{if(!L.trim())return U;const e=L.toLowerCase(),r=[];for(const t of Object.values(z))(t.name.toLowerCase().includes(e)||t.keywords?.some(r=>r.toLowerCase().includes(e)))&&r.push(t);return{search:r}},[U,z,L]),F=p.default.useMemo(()=>{const e=Object.entries(P);return"search"in P?e.map(([e,r])=>({categoryId:e,emojis:r})):e.sort((e,r)=>e[0]===n.CategoryId.FREQUENTLY?-1:r[0]===n.CategoryId.FREQUENTLY?1:0).map(([e,r])=>({categoryId:e,emojis:r}))},[P]),M=p.default.memo(({index:t,style:o})=>{const i=F[t],s="search"===i.categoryId;return e.jsxs("div",{style:o,children:[e.jsx(d.P,{$color:"grey-5",sx:"padding: 8px;",$fontSize:14,children:s&&i.emojis.length>0?"Search Results":i.emojis.length>0?g[i.categoryId]||i.categoryId:null}),s&&0===i.emojis.length?e.jsxs(a.Box,{$dir:"column",$align:"center",sx:" height: 100%;",children:[e.jsx(a.Box,{sx:"margin-top:auto;",children:e.jsx(l.Emoticon,{size:24})}),e.jsx(d.P,{$bold:!0,children:"No emojis found."}),e.jsx(d.P,{$fontSize:10,sx:"margin-bottom: auto;",children:"Try using different keywords"})]}):e.jsx(b,{children:i.emojis.map(t=>e.jsx(v,{$x:t.coordinates?.x,$y:t.coordinates?.y,title:`:${t.id}`,onClick:()=>{r({id:t.id,name:t.name,native:t.skins?.[0]?.native||"",unified:t.skins?.[0]?.unified||""}),_(!1)},children:!t.coordinates&&t.skins[0].native},t.id))})]})});return e.jsxs(m,{ref:q,children:[e.jsx(h,{onClick:()=>_(e=>!e),style:{cursor:"pointer"},children:u??e.jsx(a.Box,{sx:"width: 28px; height: 28px;",$justify:"center",$align:"center",children:e.jsx(c.EmojiAdd,{size:32})})}),N&&e.jsxs(f,{$sx:x,children:[e.jsx(y,{children:e.jsx(j,{type:"text",placeholder:"Search…",value:k,onChange:e=>w(e.target.value)})}),e.jsx(E,{height:400,itemCount:F.length,itemSize:e=>{const r=F[e].emojis.length;return 36+38*Math.ceil(r/10)+12},width:"100%",ref:O,children:M}),e.jsx(I,{children:Object.entries(n.CATEGORY_ICONS).map(([r,t])=>e.jsx(S,{$active:$===r,onClick:()=>(e=>{const r=F.findIndex(r=>r.categoryId===e);-1!==r&&O.current&&(O.current.scrollToItem(r,"start"),C(e))})(r),children:t},r))})]})]})};

package/dist/components/feedback/emojiPicker/emoji-reactions.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),styled=require("styled-components"),sparkleReaction=require("./sparkle-reaction.js"),custom_emoji_data=require("../../../assets/custom_emoji_data.json.js"),utils=require("./utils.js"),paragraph=(require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../atoms/typography/typography.js");var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const EmojiReaction=({emoji:e,isActive:t,count:a,size:o,onReact:r,showCount:i=!0,showSparkle:u=!1})=>{const[s,n]=React__default.default.useState(u);var l=React__default.default.useMemo(()=>utils.buildNativeEmojiMap(custom_emoji_data.default.emojis||{}),[]),l=(React__default.default.useEffect(()=>{if(u){n(!0);const e=setTimeout(()=>n(!1),2e3);return()=>clearTimeout(e)}},[u]),React__default.default.useEffect(()=>{if(s){const e=setTimeout(()=>n(!1),600);return()=>clearTimeout(e)}},[]),l[e]);return l?React__default.default.createElement(ReactionButton,{$active:t,$showCount:i,onClick:()=>{r(),n(!0),setTimeout(()=>n(!1),600)}},React__default.default.createElement(sparkleReaction.ReactionEmoji,{emojiId:l.id,coordinates:l.coordinates,size:o,sparkleOnMount:s}),i&&React__default.default.createElement(paragraph.P,{$fontSize:12,$color:"grey-5"},a)):null},ReactionButton=styled__default.default.button`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("./sparkle-reaction.js"),s=require("../../../assets/custom_emoji_data.json.js"),a=require("./utils.js");require("../../atoms/box/box.js"),require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js");var i=require("../../atoms/typography/paragraph.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../atoms/typography/typography.js");var u=n(t);const c=n(o).default.button`
   display: flex;
   align-items: center;
   gap: ${({$showCount:e})=>e?"4px":"0"};
@@ -14,4 +14,4 @@
   &:hover {
     background: ${({$active:e,$showCount:t})=>e&&t?"":t?"var(--color-grey-9)":"transparent"};
   }
-`;exports.EmojiReaction=EmojiReaction;
+`;exports.EmojiReaction=({emoji:t,isActive:o,count:n,size:l,onReact:p,showCount:d=!0,showSparkle:h=!1})=>{const[m,j]=u.default.useState(h),f=u.default.useMemo(()=>a.buildNativeEmojiMap(s.default.emojis||{}),[]);u.default.useEffect(()=>{if(h){j(!0);const e=setTimeout(()=>j(!1),2e3);return()=>clearTimeout(e)}},[h]),u.default.useEffect(()=>{if(m){const e=setTimeout(()=>j(!1),600);return()=>clearTimeout(e)}},[]);const g=f[t];return g?e.jsxs(c,{$active:o,$showCount:d,onClick:()=>{p(),j(!0),setTimeout(()=>j(!1),600)},children:[e.jsx(r.ReactionEmoji,{emojiId:g.id,coordinates:g.coordinates,size:l,sparkleOnMount:m}),d&&e.jsx(i.P,{$fontSize:12,$color:"grey-5",children:n})]}):null};

package/dist/components/feedback/emojiPicker/sparkle-reaction.js

@@ -1,4 +1,4 @@
-"use strict";var React=require("react"),styled=require("styled-components"),constants=require("./constants.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const SPARKLE_COUNT=25,RING_COUNT=3,ReactionEmoji=({size:u=20,sparkleOnMount:a=!1,coordinates:t})=>{const[e,r]=React__default.default.useState([]),[n,o]=React__default.default.useState([]),[s,i]=React__default.default.useState(!1);if(React__default.default.useEffect(()=>{if(a){i(!0),r(d()),o(c());const t=setTimeout(()=>{r([]),o([]),i(!1)},600);return()=>clearTimeout(t)}},[a]),!t)return null;var l=t.x/(constants.SPRITE_COLUMNS-1)*100,t=t.y/(constants.SPRITE_COLUMNS-1)*100;const d=()=>Array.from({length:SPARKLE_COUNT}).map((t,a)=>{var e=5*Math.random()+6,r=u/2-e/2,n=Math.random()*Math.PI*2,o=u*(.7+.8*Math.random()),s=Math.cos(n)*o,n=Math.sin(n)*o,o=720*Math.random()*(.5<Math.random()?1:-1),i=+Math.random()+.2,l=.2*Math.random(),d=.7+.6*Math.random(),c=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)];return React__default.default.createElement(StyledSparkle,{key:"sparkle-"+a,$type:"star",style:{left:r+"px",top:r+"px",width:e+"px",height:e+"px",backgroundColor:c,animationDuration:d+"s",animationDelay:l+"s","--tx":s+"px","--ty":n+"px","--rotation":o+"deg","--scale":""+i}})}),c=()=>Array.from({length:RING_COUNT}).map((t,a)=>{var e=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],r=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)],n=constants.RAINBOW_COLORS[Math.floor(Math.random()*constants.RAINBOW_COLORS.length)];return React__default.default.createElement(SparkleRing,{key:"ring-"+a,style:{width:.7*u+"px",height:.7*u+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${e}, ${r}, ${n}) 1`,animationDelay:.2*a+"s"}})});return React__default.default.createElement(ReactionContainer,{$width:u,$height:u},React__default.default.createElement(ReactionFlash,{$active:s}),React__default.default.createElement("div",{style:{overflow:"hidden"}},React__default.default.createElement(ReactionEmojiWrapper,{$active:s,style:{width:u,height:u,backgroundImage:`url(${constants.SPRITE_URL})`,backgroundSize:`${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}% ${constants.SPRITE_SIZE*constants.SPRITE_COLUMNS}%`,backgroundPosition:l+`% ${t}%`}})),React__default.default.createElement(SparkleContainer,null,e,n))},rainbowPulse=styled.keyframes`
+"use strict";var t=require("react/jsx-runtime"),a=require("react"),r=require("styled-components"),e=require("./constants.js");function o(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=o(a),n=o(r);const s=r.keyframes`
   0% {
     background: radial-gradient(circle, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
     box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
@@ -18,13 +18,13 @@
     background: radial-gradient(circle, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
     box-shadow: 0 0 0 0 rgba(255,255,255,0);
   }
-`,emojiPop=styled.keyframes`
+`,d=r.keyframes`
   0% { transform: scale(1); }
   40% { transform: scale(1.3); }
   70% { transform: scale(1.15); }
   85% { transform: scale(1.05); }
   100% { transform: scale(1); }
-`,ringExpand=styled.keyframes`
+`,l=r.keyframes`
   0% {
     transform: translate(-50%, -50%) scale(0.1);
     opacity: 0.9;
@@ -35,7 +35,7 @@
     opacity: 0;
     border-width: 1px;
   }
-`,sparkleFly=styled.keyframes`
+`,c=r.keyframes`
   0% {
     transform: translate(0, 0) scale(0) rotate(0deg);
     opacity: 0;
@@ -57,11 +57,11 @@
     transform: translate(var(--tx), var(--ty)) scale(var(--scale)) rotate(var(--rotation));
     opacity: 0;
   }
-`,ReactionContainer=styled__default.default.div`
-  width: ${({$width:t})=>t+"px"};
-  height: ${({$height:t})=>t+"px"};
+`,h=n.default.div`
+  width: ${({$width:t})=>`${t}px`};
+  height: ${({$height:t})=>`${t}px`};
   position: relative;
-`,ReactionFlash=styled__default.default.div`
+`,g=n.default.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -75,17 +75,17 @@
     rgba(255, 255, 255, 0) 30%,
     rgba(255, 255, 255, 0) 100%
   );
-  ${({$active:t})=>t&&styled.css`
-      animation: ${rainbowPulse} 0.2s ease-out forwards;
+  ${({$active:t})=>t&&r.css`
+      animation: ${s} 0.2s ease-out forwards;
     `}
-`,ReactionEmojiWrapper=styled__default.default.div`
+`,p=n.default.div`
   position: relative;
   z-index: 2;
   transition: transform 0.3s ease;
-  ${({$active:t})=>t&&styled.css`
-      animation: ${emojiPop} 0.5s ease-out forwards;
+  ${({$active:t})=>t&&r.css`
+      animation: ${d} 0.5s ease-out forwards;
     `}
-`,SparkleContainer=styled__default.default.div`
+`,u=n.default.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -93,17 +93,17 @@
   height: 100%;
   pointer-events: none;
   z-index: 3;
-`,StyledSparkle=styled__default.default.div`
+`,f=n.default.div`
   position: absolute;
   width: 10px;
   height: 10px;
   transform-origin: center;
   opacity: 0;
   filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.8));
-  animation: ${sparkleFly} 0.3s cubic-bezier(0.33, 1, 0.68, 0.5) forwards;
+  animation: ${c} 0.3s cubic-bezier(0.33, 1, 0.68, 0.5) forwards;
   pointer-events: none;
 
-  ${({$type:t})=>"star"===t?styled.css`
+  ${({$type:t})=>"star"===t?r.css`
           clip-path: polygon(
             50% 0%,
             61% 35%,
@@ -116,7 +116,7 @@
             2% 35%,
             39% 35%
           );
-        `:styled.css`
+        `:r.css`
           border-radius: 50%;
         `}
 
@@ -133,7 +133,7 @@
     border-radius: inherit;
     opacity: 0.7;
   }
-`,SparkleRing=styled__default.default.div`
+`,m=n.default.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -141,5 +141,5 @@
   transform: translate(-50%, -50%) scale(0);
   opacity: 0;
   pointer-events: none;
-  animation: ${ringExpand} 0.6s ease-out forwards;
-`;exports.ReactionEmoji=ReactionEmoji;
+  animation: ${l} 0.6s ease-out forwards;
+`;exports.ReactionEmoji=({emojiId:a,size:r=20,sparkleOnMount:o=!1,coordinates:n})=>{const[s,d]=i.default.useState([]),[l,c]=i.default.useState([]),[b,$]=i.default.useState(!1);if(i.default.useEffect(()=>{if(o){$(!0),d(O()),c(R());const t=setTimeout(()=>{d([]),c([]),$(!1)},600);return()=>clearTimeout(t)}},[o]),!n)return null;const x=n.x/(e.SPRITE_COLUMNS-1)*100,y=n.y/(e.SPRITE_COLUMNS-1)*100,O=()=>Array.from({length:25}).map((a,o)=>{const i=5*Math.random()+6,n=r/2-i/2,s=Math.random()*Math.PI*2,d=r*(.7+.8*Math.random()),l=Math.cos(s)*d,c=Math.sin(s)*d,h=720*Math.random()*(Math.random()>.5?1:-1),g=.2+1*Math.random(),p=.2*Math.random(),u=.7+.6*Math.random(),m=e.RAINBOW_COLORS[Math.floor(Math.random()*e.RAINBOW_COLORS.length)];return t.jsx(f,{$type:"star",style:{left:`${n}px`,top:`${n}px`,width:`${i}px`,height:`${i}px`,backgroundColor:m,animationDuration:`${u}s`,animationDelay:`${p}s`,"--tx":`${l}px`,"--ty":`${c}px`,"--rotation":`${h}deg`,"--scale":`${g}`}},`sparkle-${o}`)}),R=()=>Array.from({length:3}).map((a,o)=>{const i=e.RAINBOW_COLORS[Math.floor(Math.random()*e.RAINBOW_COLORS.length)],n=e.RAINBOW_COLORS[Math.floor(Math.random()*e.RAINBOW_COLORS.length)],s=e.RAINBOW_COLORS[Math.floor(Math.random()*e.RAINBOW_COLORS.length)];return t.jsx(m,{style:{width:.7*r+"px",height:.7*r+"px",border:"10px solid transparent",borderImage:`linear-gradient(to right, ${i}, ${n}, ${s}) 1`,animationDelay:.2*o+"s"}},`ring-${o}`)});return t.jsxs(h,{$width:r,$height:r,children:[t.jsx(g,{$active:b}),t.jsx("div",{style:{overflow:"hidden"},children:t.jsx(p,{$active:b,style:{width:r,height:r,backgroundImage:`url(${e.SPRITE_URL})`,backgroundSize:`${e.SPRITE_SIZE*e.SPRITE_COLUMNS}% ${e.SPRITE_SIZE*e.SPRITE_COLUMNS}%`,backgroundPosition:`${x}% ${y}%`}})}),t.jsxs(u,{children:[s,l]})]})};

package/dist/components/feedback/emojiPicker/utils.js

@@ -1 +1 @@
-"use strict";function preprocessEmojiData(o,e){const i=o.emojis||{};var t={};t.frequently=e.map(o=>i[o]).filter(o=>Boolean(o));for(const a of o.categories||[])t[a.id]=a.emojis.map(o=>i[o]).filter(o=>Boolean(o));return{categories:t,emojiMap:i}}function buildNativeEmojiMap(o){var e={};for(const i of Object.values(o))for(const t of i.skins)e[t.native]=i;return e}exports.buildNativeEmojiMap=buildNativeEmojiMap,exports.preprocessEmojiData=preprocessEmojiData;
+"use strict";exports.buildNativeEmojiMap=function(o){const e={};for(const t of Object.values(o))for(const o of t.skins)e[o.native]=t;return e},exports.preprocessEmojiData=function(o,e){const t=o.emojis||{},s={};s.frequently=e.map(o=>t[o]).filter(o=>Boolean(o));for(const e of o.categories||[])s[e.id]=e.emojis.map(o=>t[o]).filter(o=>Boolean(o));return{categories:s,emojiMap:t}};

package/dist/components/feedback/loader/loader.js

@@ -1,20 +1,17 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Loader=({color:e="grey-1",inline:t,size:r=16,sx:o})=>{let a=3;return 96<r?a=10:47<r?a=5:23<r&&(a=4),React__default.default.createElement(Component,{$borderWidth:a,$color:e,$inline:!!t,$size:r,$sx:o})},spin=styled.keyframes`
+"use strict";var r=require("react/jsx-runtime"),e=require("styled-components"),o=require("../../../common/colors.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var n=t(e);const i=e.keyframes`
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
-`,Component=styled__default.default.div`
+`,s=n.default.div`
   border: 2px solid transparent;
   border-radius: 50%;
-  animation: ${spin} 0.8s linear infinite;
+  animation: ${i} 0.8s linear infinite;
 
-  border-width: ${({$borderWidth:e})=>e+"px"};
-  border-color: ${({$color:e})=>colors.colorReference[e]};
+  border-width: ${({$borderWidth:r})=>`${r}px`};
+  border-color: ${({$color:r})=>o.colorReference[r]};
   border-top-color: transparent;
 
-  ${({$size:e})=>`
-    height: ${e}px;
-    width: ${e}px;
-  `}
+  ${({$size:r})=>`\n    height: ${r}px;\n    width: ${r}px;\n  `}
 
-  ${({$sx:e})=>e||""};
-`;exports.Loader=Loader;
+  ${({$sx:r})=>r||""};
+`;exports.Loader=({color:e="grey-1",inline:o,size:t=16,sx:n})=>{let i=3;return t>96?i=10:t>47?i=5:t>23&&(i=4),r.jsx(s,{$borderWidth:i,$color:e,$inline:!!o,$size:t,$sx:n})};

package/dist/components/feedback/notification/notification.js

@@ -1,18 +1,18 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),alert_circle=require("../../../icons/notifications/alert_circle.js"),alert_octogon=require("../../../icons/notifications/alert_octogon.js"),alert_triangle=require("../../../icons/notifications/alert_triangle.js"),close=require("../../../icons/basic/close.js"),information=require("../../../icons/notifications/information.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Notification=({content:e,href:t,onClose:r,sx:a,title:o,type:l})=>{var i={error:React__default.default.createElement(alert_octogon.AlertOctogon,{size:24}),info:React__default.default.createElement(information.Information,{size:24}),success:React__default.default.createElement(alert_circle.AlertCircle,{size:24}),warning:React__default.default.createElement(alert_triangle.AlertTriangle,{size:24})};return React__default.default.createElement(Wrapper,{as:t?"a":"output",href:t,$dir:"column",$gap:8,$sx:a,$type:l},React__default.default.createElement(box.Box,{$dir:"row",$gap:8,$flex:1},i[l],React__default.default.createElement(paragraph.P,{as:"span",$semiBold:!0},o),r&&React__default.default.createElement(button.Button,{icon:React__default.default.createElement(close.Close,{size:24}),onClick:r,sx:"margin-left: auto;",type:"special"})),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:4},React__default.default.createElement(paragraph.P,{as:"span",sx:"padding-left: 32px;"},e)))},Wrapper=styled.styled.output`
+"use strict";var r=require("react/jsx-runtime"),o=require("styled-components"),e=require("../../../common/styles.js"),s=require("../../atoms/box/box.js"),i=require("../../actions/button/button.js"),t=require("../../atoms/typography/paragraph.js"),n=require("../../../icons/notifications/alert_circle.js"),a=require("../../../icons/notifications/alert_octogon.js"),l=require("../../../icons/notifications/alert_triangle.js"),c=require("../../../icons/basic/close.js"),u=require("../../../icons/notifications/information.js");const x=o.styled.output`
   text-decoration: none;
   width: 100%;
   box-sizing: border-box;
   padding: 16px;
   display: flex;
-  background-color: ${({$type:e})=>"error"===e?"var(--color-red-9)":"info"===e?"var(--color-blue-9)":"success"===e?"var(--color-green-9)":"var(--color-orange-9)"};
+  background-color: ${({$type:r})=>"error"===r?"var(--color-red-9)":"info"===r?"var(--color-blue-9)":"success"===r?"var(--color-green-9)":"var(--color-orange-9)"};
   border: 1px solid
-    ${({$type:e})=>"error"===e?"var(--color-red-8)":"info"===e?"var(--color-blue-8)":"success"===e?"var(--color-green-8)":"var(--color-orange-8)"};
+    ${({$type:r})=>"error"===r?"var(--color-red-8)":"info"===r?"var(--color-blue-8)":"success"===r?"var(--color-green-8)":"var(--color-orange-8)"};
   box-shadow: var(--elevation-2);
   border-radius: var(--small);
 
   & > div > svg {
-    fill: ${({$type:e})=>"error"===e?"var(--color-red-4)":"info"===e?"var(--color-blue-4)":"success"===e?"var(--color-green-3)":"var(--color-orange-5)"};
+    fill: ${({$type:r})=>"error"===r?"var(--color-red-4)":"info"===r?"var(--color-blue-4)":"success"===r?"var(--color-green-3)":"var(--color-orange-5)"};
   }
 
   button > svg {
@@ -29,6 +29,6 @@
     margin-left: auto;
   }
 
-  ${styles.Styles.flex}
-  ${({$sx:e})=>e||""}
-`;exports.Notification=Notification;
+  ${e.Styles.flex}
+  ${({$sx:r})=>r||""}
+`;exports.Notification=({content:o,href:e,onClose:d,sx:p,title:g,type:f})=>{const j={error:r.jsx(a.AlertOctogon,{size:24}),info:r.jsx(u.Information,{size:24}),success:r.jsx(n.AlertCircle,{size:24}),warning:r.jsx(l.AlertTriangle,{size:24})};return r.jsxs(x,{as:e?"a":"output",href:e,$dir:"column",$gap:8,$sx:p,$type:f,children:[r.jsxs(s.Box,{$dir:"row",$gap:8,$flex:1,children:[j[f],r.jsx(t.P,{as:"span",$semiBold:!0,children:g}),d&&r.jsx(i.Button,{icon:r.jsx(c.Close,{size:24}),onClick:d,sx:"margin-left: auto;",type:"special"})]}),r.jsx(s.Box,{$align:"center",$dir:"row",$gap:4,children:r.jsx(t.P,{as:"span",sx:"padding-left: 32px;",children:o})})]})};

package/dist/components/feedback/progress/progress.js

@@ -1,16 +1,16 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),checkmarks=require("../../../icons/basic/checkmarks.js"),close=require("../../../icons/basic/close.js"),minus_circle=require("../../../icons/basic/minus_circle.js"),pause=require("../../../icons/audio_video/pause.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Progress=({hasError:e,progress:r,subtitle:t,sx:a,title:o,type:l})=>{var c=!e&&99<r,l="detailed"===l,r=e||c?100:r,i=e?"-":r+"%",d=e?"red-4":c?"green-3":"primary-blue-2",s=e?{start:"var(--color-red-6)",end:"var(--color-red-4)",empty:"var(--color-red-8)",bg:"var(--color-red-9)"}:c?{start:"var(--color-green-5)",end:"var(--color-green-3)",empty:"var(--color-green-8)",bg:"var(--color-green-9)"}:{start:"#abcfed",end:"var(--color-primary-blue-2)",empty:"var(--color-primary-blue-3)",bg:"var(--color-primary-blue-4)"},n=e?React__default.default.createElement(close.Close,{size:24,color:d}):c?React__default.default.createElement(checkmarks.Checkmarks,{size:24,color:d}):React__default.default.createElement(pause.Pause,{size:24,color:d});return React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16,sx:a},l&&React__default.default.createElement(IconWrapper,{$completedDegree:Math.round(3.6*r),$gradientColors:s},React__default.default.createElement(IconInnerWrapper,{$bg:s.bg},n)),React__default.default.createElement(box.Box,{$dir:"column",$flex:1,$gap:8},React__default.default.createElement(box.Box,null,o&&React__default.default.createElement(paragraph.P,{$color:"grey-2",$fontSize:14,$lineHeight:20},o),c&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3",size:24,sx:"margin-left: auto;"}),e&&React__default.default.createElement(minus_circle.MinusCircle,{color:"red-4",size:24,sx:"margin-left: auto;"})),React__default.default.createElement(BarWrapper,null,React__default.default.createElement(Bar,{$color:colors.colorReference[d],$percent:r})),t&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16},t)),l&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$textAlign:"center",sx:"width: 72px;"},i))},BarWrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../../../common/colors.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/typography/paragraph.js"),c=require("../../../icons/basic/checkmark_circle.js"),t=require("../../../icons/basic/checkmarks.js"),l=require("../../../icons/basic/close.js"),n=require("../../../icons/basic/minus_circle.js"),a=require("../../../icons/audio_video/pause.js");const d=r.styled.div`
   position: relative;
   width: 100%;
   height: 12px;
   border-radius: 32px;
   background-color: var(--color-grey-8);
-`,Bar=styled.styled.div`
+`,g=r.styled.div`
   width: ${({$percent:e})=>e}%;
   height: 12px;
   background-color: ${({$color:e})=>e};
   border-radius: 32px;
-`,IconWrapper=styled.styled.div`
+`,x=r.styled.div`
   position: relative;
   display: block;
   width: 45px;
@@ -28,7 +28,7 @@
       ${({$completedDegree:e})=>e}deg 360deg
   );
   border: 1px solid ${({$gradientColors:e})=>e.bg};
-`,IconInnerWrapper=styled.styled.div`
+`,p=r.styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -36,4 +36,4 @@
   width: 39px;
   border-radius: 50%;
   background-color: ${({$bg:e})=>e};
-`;exports.Progress=Progress;
+`;exports.Progress=({hasError:r,progress:u,subtitle:$,sx:h,title:b,type:m})=>{const j=!r&&u>99,y="detailed"===m,v=r||j?100:u,k=r?"-":v+"%",f=r?"red-4":j?"green-3":"primary-blue-2",q=r?{start:"var(--color-red-6)",end:"var(--color-red-4)",empty:"var(--color-red-8)",bg:"var(--color-red-9)"}:j?{start:"var(--color-green-5)",end:"var(--color-green-3)",empty:"var(--color-green-8)",bg:"var(--color-green-9)"}:{start:"#abcfed",end:"var(--color-primary-blue-2)",empty:"var(--color-primary-blue-3)",bg:"var(--color-primary-blue-4)"},C=r?e.jsx(l.Close,{size:24,color:f}):j?e.jsx(t.Checkmarks,{size:24,color:f}):e.jsx(a.Pause,{size:24,color:f});return e.jsxs(i.Box,{$align:"center",$dir:"row",$gap:16,sx:h,children:[y&&e.jsx(x,{$completedDegree:Math.round(3.6*v),$gradientColors:q,children:e.jsx(p,{$bg:q.bg,children:C})}),e.jsxs(i.Box,{$dir:"column",$flex:1,$gap:8,children:[e.jsxs(i.Box,{children:[b&&e.jsx(s.P,{$color:"grey-2",$fontSize:14,$lineHeight:20,children:b}),j&&e.jsx(c.CheckmarkCircle,{color:"green-3",size:24,sx:"margin-left: auto;"}),r&&e.jsx(n.MinusCircle,{color:"red-4",size:24,sx:"margin-left: auto;"})]}),e.jsx(d,{children:e.jsx(g,{$color:o.colorReference[f],$percent:v})}),$&&e.jsx(s.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,children:$})]}),y&&e.jsx(s.P,{$color:"grey-4",$textAlign:"center",sx:"width: 72px;",children:k})]})};

package/dist/components/feedback/toast/toast.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),alert_octogon=require("../../../icons/notifications/alert_octogon.js"),alert_triangle=require("../../../icons/notifications/alert_triangle.js"),close=require("../../../icons/basic/close.js"),information=require("../../../icons/notifications/information.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Toast=({content:e,href:r,onClose:t,type:a,isAnimated:o=!1,animationDuration:s})=>{var i={error:React__default.default.createElement(alert_octogon.AlertOctogon,{size:24}),info:React__default.default.createElement(information.Information,{size:24}),success:React__default.default.createElement(checkmark_circle.CheckmarkCircle,{size:24}),warning:React__default.default.createElement(alert_triangle.AlertTriangle,{size:24})};return React__default.default.createElement(Wrapper,{as:"output",$align:"center",$dir:"row",$gap:8,$type:a,$isAnimated:o},i[a],React__default.default.createElement(paragraph.P,{as:"span"},e),r&&React__default.default.createElement(paragraph.P,{sx:"padding-left: 8px;",as:"a",href:r,$color:"primary-blue-2"},"View"),!o&&React__default.default.createElement(button.Button,{icon:React__default.default.createElement(close.Close,{size:24}),onClick:t,type:"special"}),o&&React__default.default.createElement(ToastProgress,{$animationDuration:s||4},React__default.default.createElement("div",{className:"toast-progress-bar "+a})))},ToastProgress=styled.styled.div`
+"use strict";var r=require("react/jsx-runtime"),o=require("styled-components"),e=require("../../../common/styles.js"),s=require("../../actions/button/button.js"),i=require("../../atoms/typography/paragraph.js"),a=require("../../../icons/notifications/alert_octogon.js"),t=require("../../../icons/notifications/alert_triangle.js"),n=require("../../../icons/basic/close.js"),c=require("../../../icons/notifications/information.js"),l=require("../../../icons/basic/checkmark_circle.js");const p=o.styled.div`
   position: absolute;
   bottom: 0;
   left: 0;
@@ -9,7 +9,7 @@
 
   .toast-progress-bar {
     height: 100%;
-    ${({$animationDuration:e})=>`animation: progress-bar ${e}s linear forwards`};
+    ${({$animationDuration:r})=>`animation: progress-bar ${r}s linear forwards`};
   }
 
   .toast-progress-bar.success {
@@ -36,14 +36,11 @@
       width: 0%;
     }
   }
-`,Wrapper=styled.styled.output`
+`,u=o.styled.output`
   background: white;
   min-width: 300px;
 
-  ${({$isAnimated:e})=>!e&&`
-      position: fixed;
-      bottom: 24px;
-      right: 24px;`}
+  ${({$isAnimated:r})=>!r&&"\n      position: fixed;\n      bottom: 24px;\n      right: 24px;"}
 
   box-sizing: border-box;
   padding: 12px 16px;
@@ -56,12 +53,12 @@
     left: 0px;
     width: 4px;
     height: 100%;
-    background-color: ${({$type:e})=>"error"===e?"var(--color-red-4)":"info"===e?"var(--color-blue-4)":"success"===e?"var(--color-green-3)":"var(--color-orange-5)"};
+    background-color: ${({$type:r})=>"error"===r?"var(--color-red-4)":"info"===r?"var(--color-blue-4)":"success"===r?"var(--color-green-3)":"var(--color-orange-5)"};
     border-radius: 8px 0px 0px 8px;
   }
 
   & > svg {
-    fill: ${({$type:e})=>"error"===e?"var(--color-red-4)":"info"===e?"var(--color-blue-4)":"success"===e?"var(--color-green-3)":"var(--color-orange-5)"};
+    fill: ${({$type:r})=>"error"===r?"var(--color-red-4)":"info"===r?"var(--color-blue-4)":"success"===r?"var(--color-green-3)":"var(--color-orange-5)"};
   }
 
   a {
@@ -76,5 +73,5 @@
     margin-left: auto;
   }
 
-  ${styles.Styles.flex}
-`;exports.Toast=Toast;
+  ${e.Styles.flex}
+`;exports.Toast=({content:o,href:e,onClose:d,type:g,isAnimated:b=!1,animationDuration:x})=>{const h={error:r.jsx(a.AlertOctogon,{size:24}),info:r.jsx(c.Information,{size:24}),success:r.jsx(l.CheckmarkCircle,{size:24}),warning:r.jsx(t.AlertTriangle,{size:24})};return r.jsxs(u,{as:"output",$align:"center",$dir:"row",$gap:8,$type:g,$isAnimated:b,children:[h[g],r.jsx(i.P,{as:"span",children:o}),e&&r.jsx(i.P,{sx:"padding-left: 8px;",as:"a",href:e,$color:"primary-blue-2",children:"View"}),!b&&r.jsx(s.Button,{icon:r.jsx(n.Close,{size:24}),onClick:d,type:"special"}),b&&r.jsx(p,{$animationDuration:x||4,children:r.jsx("div",{className:`toast-progress-bar ${g}`})})]})};

package/dist/components/feedback/tooltip/tooltip.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var React=require("react"),reactTooltip=require("react-tooltip");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const Tooltip=({children:t,content:e,place:a="top"})=>{const l=React__default.default.useId();return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(reactTooltip.Tooltip,{className:"opaque",id:l,place:a,style:{fontFamily:"Inter",fontSize:"12px",fontWeight:400,lineHeight:"150%",textAlign:"center",padding:"8px",maxWidth:"280px",backgroundColor:"var(--color-grey-3)",boxShadow:"var(--elevation-2)",borderRadius:"4px"}}),React__default.default.Children.map(t,t=>React__default.default.isValidElement(t)&&React__default.default.cloneElement(t,{"data-tooltip-id":l,"data-tooltip-content":e})))};exports.Tooltip=Tooltip;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("react-tooltip");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);exports.Tooltip=({children:t,content:o,place:i="top"})=>{const l=r.default.useId();return e.jsxs(e.Fragment,{children:[e.jsx(a.Tooltip,{className:"opaque",id:l,place:i,style:{fontFamily:"Inter",fontSize:"12px",fontWeight:400,lineHeight:"150%",textAlign:"center",padding:"8px",maxWidth:"280px",backgroundColor:"var(--color-grey-3)",boxShadow:"var(--elevation-2)",borderRadius:"4px"}}),r.default.Children.map(t,e=>r.default.isValidElement(e)&&r.default.cloneElement(e,{"data-tooltip-id":l,"data-tooltip-content":o}))]})};

package/dist/components/feedback/videoLoader/videoLoader.js

@@ -1,23 +1,23 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const spin=styled.keyframes`
+"use strict";var e=require("react/jsx-runtime"),r=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=i(r);const s=r.keyframes`
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
-`,SvgWrapper=styled__default.default.div`
+`,l=t.default.div`
   display: inline-flex;
   align-items: center;
   justify-content: center;
 
-  ${({$width:e,$height:t})=>styled.css`
+  ${({$width:e,$height:i})=>r.css`
     width: ${e}px;
-    height: ${t}px;
+    height: ${i}px;
   `}
 
   svg {
     width: 100%;
     height: 100%;
-    ${({$spin:e})=>e&&styled.css`
-        animation: ${spin} 1.2s linear infinite;
+    ${({$spin:e})=>e&&r.css`
+        animation: ${s} 1.2s linear infinite;
         transform-origin: center;
       `}
   }
-`,VideoLoader=({width:e=64,height:t=60,spin:a=!1,className:l})=>React__default.default.createElement(SvgWrapper,{$spin:a,$width:e,$height:t,className:l},React__default.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 65 61",fill:"none"},React__default.default.createElement("ellipse",{cx:"55.5221",cy:"31.8817",rx:"8.61588",ry:"8.61609",fill:"#1B7BCB"}),React__default.default.createElement("ellipse",{cx:"3.82593",cy:"31.8807",rx:"3.68531",ry:"3.6854",fill:"#B1D9F9"}),React__default.default.createElement("ellipse",{cx:"2.17085",cy:"2.1708",rx:"2.17085",ry:"2.1708",transform:"matrix(0 1 1 4.37125e-08 27.5 55.5547)",fill:"#F6FBFE"}),React__default.default.createElement("circle",{cx:"3.26132",cy:"3.26132",r:"3.26132",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 16.0078 50.1484)",fill:"#DDEFFC"}),React__default.default.createElement("circle",{cx:"4.33225",cy:"4.33225",r:"4.33225",transform:"matrix(-0.707098 -0.707116 0.707098 -0.707115 11.3984 19.7266)",fill:"#80C1F6"}),React__default.default.createElement("ellipse",{cx:"29.6752",cy:"6.02809",rx:"5.41871",ry:"5.41858",transform:"rotate(90 29.6752 6.02809)",fill:"#51A9F2"}),React__default.default.createElement("circle",{cx:"6.45032",cy:"6.45032",r:"6.45032",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 57.0625 13.6016)",fill:"#0076D9"})));exports.VideoLoader=VideoLoader;
+`;exports.VideoLoader=({width:r=64,height:i=60,spin:t=!1,className:s})=>e.jsx(l,{$spin:t,$width:r,$height:i,className:s,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 65 61",fill:"none",children:[e.jsx("ellipse",{cx:"55.5221",cy:"31.8817",rx:"8.61588",ry:"8.61609",fill:"#1B7BCB"}),e.jsx("ellipse",{cx:"3.82593",cy:"31.8807",rx:"3.68531",ry:"3.6854",fill:"#B1D9F9"}),e.jsx("ellipse",{cx:"2.17085",cy:"2.1708",rx:"2.17085",ry:"2.1708",transform:"matrix(0 1 1 4.37125e-08 27.5 55.5547)",fill:"#F6FBFE"}),e.jsx("circle",{cx:"3.26132",cy:"3.26132",r:"3.26132",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 16.0078 50.1484)",fill:"#DDEFFC"}),e.jsx("circle",{cx:"4.33225",cy:"4.33225",r:"4.33225",transform:"matrix(-0.707098 -0.707116 0.707098 -0.707115 11.3984 19.7266)",fill:"#80C1F6"}),e.jsx("ellipse",{cx:"29.6752",cy:"6.02809",rx:"5.41871",ry:"5.41858",transform:"rotate(90 29.6752 6.02809)",fill:"#51A9F2"}),e.jsx("circle",{cx:"6.45032",cy:"6.45032",r:"6.45032",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 57.0625 13.6016)",fill:"#0076D9"})]})});

package/dist/components/iconography/avatar/avatar.js

@@ -1,13 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),approved=require("./icons/approved.js"),busy=require("./icons/busy.js"),declined=require("./icons/declined.js"),_default=require("./icons/default.js"),focus=require("./icons/focus.js"),locked=require("./icons/locked.js"),offline=require("./icons/offline.js"),online=require("./icons/online.js"),subscribed=require("./icons/subscribed.js"),ispaid=require("./icons/ispaid.js"),Link=require("next/link");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link);const iconReference={approved:approved.Approved,busy:busy.Busy,declined:declined.Declined,focus:focus.Focus,locked:locked.Locked,ispaid:ispaid.IsPaid,none:()=>React__default.default.createElement(React__default.default.Fragment,null),online:online.Online,offline:offline.Offline,subscribed:subscribed.Subscribed},iconSize={96:18,72:18,64:18,56:15,48:15,40:15,36:14,32:14,24:12,16:8},iconOffsetX={96:-23,72:-21,64:-20,56:-16,48:-15,40:-13,36:-12,32:-12,24:-10,16:-8},iconOffsetY={96:5,72:3,64:2,56:1,48:0,40:-2,36:-2,32:-2,24:-2,16:-1},fallbackImgData="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",fallBackImgSrc="data:image/png;base64,"+fallbackImgData,Avatar=({as:e="button",href:t,image:a,fallbackImg:l=fallBackImgSrc,size:i=64,status:r,subtitle:n,sx:d,isPaidUser:o,textPosition:s="left",title:u,tooltipContent:f,tooltipSx:c,...p})=>{const[A,I]=React__default.default.useState(!1);var r=iconReference?.[r??"none"],g=iconReference?.[o?"ispaid":"none"];return React__default.default.createElement(box.Box,{$align:"center",$gap:18,$dir:"row",sx:`
-        position: relative; 
-        &:hover {
-          .tooltipContainer {
-            display: flex;
-          }
-        }
-        ${d}
-      `,...p},React__default.default.createElement(Container,{as:e,$size:i,href:t},!A&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Image__default.default,{style:{pointerEvents:"none"},alt:"avatar image",height:i,onError:()=>I(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:a??l,width:i,draggable:!1}),React__default.default.createElement(ImageOverlay,null)),A&&React__default.default.createElement(_default.Default,null),React__default.default.createElement("div",null,React__default.default.createElement(r,null))),(u||n)&&React__default.default.createElement(box.Box,{$dir:"row-reverse",$gap:7},React__default.default.createElement(TextContainer,{$textPosition:s},u&&React__default.default.createElement(heading.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;"},u),n&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$textClampLines:1},n)),o&&React__default.default.createElement(box.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;"},React__default.default.createElement(g,null))),f&&React__default.default.createElement(TooltipContainer,{className:"tooltipContainer",$sx:c},f))},ImageOverlay=(Avatar.displayName="Avatar",styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("next/image"),r=require("styled-components"),s=require("../../atoms/box/box.js"),n=require("../../atoms/typography/heading.js"),o=require("../../atoms/typography/paragraph.js"),d=require("./icons/approved.js"),a=require("./icons/busy.js"),l=require("./icons/declined.js"),A=require("./icons/default.js"),I=require("./icons/focus.js"),g=require("./icons/locked.js"),p=require("./icons/offline.js"),C=require("./icons/online.js"),h=require("./icons/subscribed.js"),Q=require("./icons/ispaid.js"),E=require("next/link");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=x(i),u=x(t),B=x(E);const f={approved:d.Approved,busy:a.Busy,declined:l.Declined,focus:I.Focus,locked:g.Locked,ispaid:Q.IsPaid,none:()=>e.jsx(e.Fragment,{}),online:C.Online,offline:p.Offline,subscribed:h.Subscribed},v={96:18,72:18,64:18,56:15,48:15,40:15,36:14,32:14,24:12,16:8},j={96:-23,72:-21,64:-20,56:-16,48:-15,40:-13,36:-12,32:-12,24:-10,16:-8},y={96:5,72:3,64:2,56:1,48:0,40:-2,36:-2,32:-2,24:-2,16:-1},b=({as:i="button",href:t,image:r,fallbackImg:d="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAADkCAYAAACIV4iNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAl0SURBVHgB7d0PcxrHHYfxNVgyCCwE+oOqWrabNnn/L8V1Z9yZdpqJq0QxtiIZBQxBAed+R4iRZSmSdu/47t3zmWHkRImN8D3s3t1y9+DFy1cfHQAJFQdABkECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgJCHDvKqlYqr1WuuXrPHI1etVly9Xk+/t76+dum/nU5nbjKZJF+nbjQeJ7/+Nf06HH5w0EeQoizCdnvLtTabaXwW4a3+vzTWWvrrZrNx6XuDwdCdnvXTOCcXFw56CFLM5uZjt7vdvhJTCPZ7Ln7fRZxn7/sOOghSRHur5fa7u1emoFlZxGl/5pveO8IU8eDFy1cfHVam0dhwT58c5BbidSaTC8IUwAi5IraPeHh4kOwjPnYK7A3hafJ8ms0N1+udsI+5IgS5Aiqj4pd0kgNJzUbDHX1/7AYcmc0d5yFz1t3bdf/46plkjAv23P6ePMfu3o5DvggyRwd/6SYHUeLZyO2Ajz1n5Icgc3KYTFF3dzouNvac7bkjHwSZA9ugO+2Wi5U9d6LMB0FmLPYYF4gyHwSZITuAU4QYF+xn4UBPtggyIzvbnagO4NyWHejZ2W47ZIMgM7C+tpZuuEWVLvFb0z1tEzOCzICdw7vtpzNiVK1W3fPnTxzCI8jAbL9R+aR/KPbZTPYnwyPIgOZT1fJspHaOkqlrWAQZULdEMRqbupbtZ84aQQZiI4UtzC4b+5kZJcMhyEDKPFIwSoZDkAGUdXRcsM90Fvmocp54FQOwzzeWme1L2iVI4I8gAyjz6LjQamlc+SB2BOnJpqt22Yuys6sMMG31xyvoqezT1WWbjxklfRGkJ0bHT3gt/BGkp3qt7jBn01b4IUhP9fojhzlbw8t+pB9ePQ924xtcVq1UHe6PID1Uqmx8n1vc6Af3Q5AeyvAxq7uqVNikfPDqeWBR9VXsQ/rh1UNQVabxXggSEEKQgBCC9DCdzhwQEkF6mM6mDpfZjV9xfwTpgRHyqgtu9OqFID2Mx2OHy6ZTZg0+CNIDI+RVo/EvDvdHkB5sNGCf6ZMRMwZvBOlpMBw6zI1GjI6+CNLTYPjBYW7Im5M3gvR0fj5wmOPNyR9BerL9SDbE+dSd/Wl/BBlAv/+zK7uzs76DP4IM4Ox9v/SnQJglhEGQAdi0tX9e3lHyNBkdma6GQZCB9N6+c2VV5p89NIIMxEaI0xLuRzE6hkWQAdlIUbZ9SUbHsAgyIBsp3p2curKwGBkdwyLIwGwjLcMC68nFhXvTO3EIiyAz8N3ro0JPXaezmfvft68dwiPIDNg0rsj7Vr0eU9WsEGRGbF+y97Z4Uzp7oynTfnLeCDJDb5KRpEinQmxFEvuN2SLIjB19f1yIKC3G/x8dO2SLIHMQe5TEmJ+HDrmwKO3I6+5O28Xk5KdT98NxzyEfBJmj4x/fuNls6rp7Oy4GdgCHfcZ8EWTO7EDPYDB0h4cHsnfPspP+R8kUlY9U5Y99yBWwDd1OrCvuV/bPB+4///2WGFeEEXJF7MS67VfahaG63d2Vj5aMihoIcsVslLRHp91aSZgWYq9g50tjRpAilsNst7dcs7HhsmQj4cnJT+kUFToIUswizPX1tTTKUHHagvDRaOzOz39Ofv/33AZBFEGKSq9AMOn/MZW0KOv1mltLprT21W4dbtFWK5ePy01+v/uUxWfX+hmPf0l/bZf5J0J9BBkJm2JywKX4OO0BCCFIQAhBAkIIEhBCkIAQggSEECQghPOQEbCT/5Vq1VWrlXRBgLFFAdexBQHLiwBskcHM/t2MhQHqCHLFLLa19fnqG1tYbg8Lr16vp9+/Kbz7sFAnk0karYVqK3sWq3jGtrqHaFeKIHNi4dWS6Oo1ezyaB7i+nsaX6/NIY69d+30LczQapZFOJr+mXwk1PwSZEVtz2tp8nMbXbDaCj3RZsWDt+dpj2WI97GDwYR5pCW6XsAoEGchygK3WZu4jX9ZsVLVHp72V/rONpIPBIP341nD44Y9F7fBDkPe0mIK2NpvJYzOaETAUe8OxNx57GNsfHQyH6adThiyCvzeCvINFhJ2tViFHQR/2htRZ30pHUBs9++fn6W3ez/kA9J0Q5C00GhtEeAf2GlmYxHl3BHkNi9Cmo512mwg9LMe5mNbazXo4KPRlBLnEpqR2yQwL8fOjjPC3PK21o7YWpt2mAJ88ePHy1UdXcnYyvt1uud2dbUbDnC1GzV7vhCO1ruQjpE1L9/d2GA1XaHnUtItvlf0obSmDJERNi33NMk9nSzVlbSdHSu26p4QYB5vO2r1QyhRmKYK0EfHpk4PSnbwvijKFWegpqx01tbtM2ZI2xMveSJ8mf4/N5kbhD/4UNkj7VMXzZ08YFQukk17FveG+e33kRgU9j1nIY/y2r/jN138jxgKyv9Nvvv7K7WzHdSfq2yrcCNnd23X73TjuUIz7++vBfnr1hN7bYt3huVAjpI2MxFge+93d9Kh5kRQmSNtntB1/lMthcvTcPoNaFIUI0pa+2QEclNPzZ4eFWfJYiJ+im0xTOYBTXvZ3byNlEUQf5Hz1zZZDudm55qzvOp2H6IO0HXvAFGGUjDpIGx2ZqmLBtgXbJmIWdZCMjvhc7NtEtEHagnFGR3zOtomY9yWjDbJoJ4QRTjvibSPaIO1aqMCXxPzpniiDtOkq177BdWyNa6zT1ii3alsmB9ykFulyuiiDtA+qAje56Q5fyqIMslqpOuAmBJkjTnfgz8T6pk2QKKRYtxEOVQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCHroI/fNf/3ZAETFCAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSE/AbILrjDyekHTAAAAABJRU5ErkJggg==",size:a=64,status:l,subtitle:I,sx:g,isPaidUser:p,textPosition:C="left",title:h,tooltipContent:Q,tooltipSx:E,...x})=>{const[B,v]=c.default.useState(!1),j=f?.[l??"none"],y=f?.[p?"ispaid":"none"];return e.jsxs(s.Box,{$align:"center",$gap:18,$dir:"row",sx:`\n        position: relative; \n        &:hover {\n          .tooltipContainer {\n            display: flex;\n          }\n        }\n        ${g}\n      `,...x,children:[e.jsxs(m,{as:i,$size:a,href:t,children:[!B&&e.jsxs(e.Fragment,{children:[e.jsx(u.default,{style:{pointerEvents:"none"},alt:"avatar image",height:a,onError:()=>v(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:r??d,width:a,draggable:!1}),e.jsx(k,{})]}),B&&e.jsx(A.Default,{}),e.jsx("div",{children:e.jsx(j,{})})]}),(h||I)&&e.jsxs(s.Box,{$dir:"row-reverse",$gap:7,children:[e.jsxs(z,{$textPosition:C,children:[h&&e.jsx(n.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;",children:h}),I&&e.jsx(o.P,{$color:"grey-4",$textClampLines:1,children:I})]}),p&&e.jsx(s.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;",children:e.jsx(y,{})})]}),Q&&e.jsx(H,{className:"tooltipContainer",$sx:E,children:Q})]})};b.displayName="Avatar";const k=r.styled.div`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -15,11 +7,11 @@
   width: 100%;
   height: 100%;
   z-index: 1;
-`),Container=styled.styled.div`
+`,m=r.styled.div`
   flex-shrink: 0;
   display: flex;
   flex-flow: row nowrap;
-  cursor: ${({as:e})=>!e||"a"!==e&&"button"!==e&&e!==Link__default.default?"initial":"pointer"};
+  cursor: ${({as:e})=>!e||"a"!==e&&"button"!==e&&e!==B.default?"initial":"pointer"};
 
   padding: 0px;
   border: 0px;
@@ -33,24 +25,21 @@
     overflow: hidden;
     object-fit: cover;
 
-    ${({$size:e})=>`
-    width: ${e}px;
-    height: ${e}px;
-    `}
+    ${({$size:e})=>`\n    width: ${e}px;\n    height: ${e}px;\n    `}
   }
 
   div > svg {
     position: relative;
-    width: ${({$size:e})=>iconSize[""+e]}px;
-    margin-left: ${({$size:e})=>iconOffsetX[""+e]}px;
-    top: ${({$size:e})=>iconOffsetY[""+e]}px;
+    width: ${({$size:e})=>v[`${e}`]}px;
+    margin-left: ${({$size:e})=>j[`${e}`]}px;
+    top: ${({$size:e})=>y[`${e}`]}px;
   }
-`,TextContainer=styled.styled.div`
+`,z=r.styled.div`
   display: flex;
   flex-flow: column nowrap;
   gap: 4px;
   order: ${({$textPosition:e})=>"left"===e?-1:1};
-`,TooltipContainer=styled.styled.div`
+`,H=r.styled.div`
   display: none;
   position: absolute;
   top: 100%;
@@ -59,22 +48,19 @@
   border-radius: 24px;
   box-shadow: var(--elevation-2);
   ${({$sx:e})=>e||""}
-`,Group=({children:e,numDisplayed:t,total:a})=>{let l=0;e=React__default.default.Children.map(e,(e,t)=>React__default.default.isValidElement(e)&&"Avatar"===e.type.displayName?(l=e.props.size,React__default.default.createElement(AvatarWrapper,{$index:t},e)):null).slice(0,t);return e.push(React__default.default.createElement(Total,{$index:e.length+1,$size:l},React__default.default.createElement(paragraph.P,{$fontSize:11,$lineHeight:20},"+",a-t))),React__default.default.createElement(box.Box,null,e)},AvatarWrapper=(Group.displayName="Avatar.Group",Avatar.Group=Group,styled.styled.div`
+`,w=({children:i,numDisplayed:t,total:r})=>{let n=0;const d=c.default.Children.map(i,(i,t)=>c.default.isValidElement(i)&&"Avatar"===i.type.displayName?(n=i.props.size,e.jsx(S,{$index:t,children:i})):null).slice(0,t);return d.push(e.jsx(N,{$index:d.length+1,$size:n,children:e.jsxs(o.P,{$fontSize:11,$lineHeight:20,children:["+",r-t]})})),e.jsx(s.Box,{children:d})};w.displayName="Avatar.Group",b.Group=w;const S=r.styled.div`
   position: relative;
-  z-index: ${({$index:e})=>"-"+e};
+  z-index: ${({$index:e})=>`-${e}`};
   border-radius: 50%;
   border: 2px solid var(--color-white);
   margin-right: -8px;
-`),Total=styled.styled.div`
+`,N=r.styled.div`
   position: relative;
-  z-index: ${({$index:e})=>"-"+e};
+  z-index: ${({$index:e})=>`-${e}`};
   display: flex;
   justify-content: center;
   align-items: center;
-  ${({$size:e})=>`
-    width: ${e}px;
-    height: ${e}px;
-  `}
+  ${({$size:e})=>`\n    width: ${e}px;\n    height: ${e}px;\n  `}
   border-radius: 50%;
   background-color: var(--color-grey-9);
-`;exports.Avatar=Avatar;
+`;exports.Avatar=b;

package/dist/components/iconography/avatar/icons/approved.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Approved=()=>React__default.default.createElement("svg",{fill:"none",viewBox:"0 0 18 18"},React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#09B3A1",rx:"8"}),React__default.default.createElement("path",{fill:"#fff",d:"M6.485 8.521a1.1 1.1 0 1 0-1.555 1.555l2.199 2.199a1.1 1.1 0 0 0 1.555 0l4.398-4.398a1.1 1.1 0 0 0-1.555-1.555l-3.62 3.62-1.422-1.421Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Approved=Approved;
+"use strict";var e=require("react/jsx-runtime");exports.Approved=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#09B3A1",rx:"8"}),e.jsx("path",{fill:"#fff",d:"M6.485 8.521a1.1 1.1 0 1 0-1.555 1.555l2.199 2.199a1.1 1.1 0 0 0 1.555 0l4.398-4.398a1.1 1.1 0 0 0-1.555-1.555l-3.62 3.62-1.422-1.421Z"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

package/dist/components/iconography/avatar/icons/busy.js

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Busy=()=>React__default.default.createElement("svg",{fill:"none",viewBox:"0 0 18 18"},React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#F34436",rx:"8"}),React__default.default.createElement("path",{fill:"#fff",d:"m7.839 5.526 4.622 4.622c.33.33.33.825 0 1.155l-1.156 1.155a.798.798 0 0 1-1.155 0L5.528 7.838a.798.798 0 0 1 0-1.156l1.156-1.155a.798.798 0 0 1 1.155 0Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Busy=Busy;
+"use strict";var e=require("react/jsx-runtime");exports.Busy=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#F34436",rx:"8"}),e.jsx("path",{fill:"#fff",d:"m7.839 5.526 4.622 4.622c.33.33.33.825 0 1.155l-1.156 1.155a.798.798 0 0 1-1.155 0L5.528 7.838a.798.798 0 0 1 0-1.156l1.156-1.155a.798.798 0 0 1 1.155 0Z"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});