@soul-refiner/design-system 2.0.0-alpha.8 → 2.0.1-alpha.1

package/dist/components/editor/plugins/utils/softBreak.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate");const softBreakPlugin={options:{rules:[{hotkey:"shift+enter"},{hotkey:"enter",query:{allow:[plate.ELEMENT_CODE_BLOCK,plate.ELEMENT_BLOCKQUOTE,plate.ELEMENT_TD]}}]}};exports.softBreakPlugin=softBreakPlugin;

package/dist/components/editor/plugins/utils/utils.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate"),exitBreak=require("./exitBreak.js"),resetBlockType=require("./resetBlockType.js"),selectOnBackspace=require("./selectOnBackspace.js"),softBreak=require("./softBreak.js");const utils=[plate.createExitBreakPlugin(exitBreak.exitBreakPlugin),plate.createHistoryPlugin(),plate.createResetNodePlugin(resetBlockType.resetBlockTypePlugin),plate.createSelectOnBackspacePlugin(selectOnBackspace.selectOnBackspace),plate.createSoftBreakPlugin(softBreak.softBreakPlugin)];exports.utils=utils;

package/dist/components/editor/simple_editor/navbar.js

@@ -0,0 +1,22 @@
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),tooltip=require("../../feedback/tooltip/tooltip.js"),alignment_dropdown=require("../navbar/alignment_dropdown.js"),style_dropdown=require("../navbar/style_dropdown.js"),bold=require("../../../icons/basic/bold.js"),image=require("../../../icons/basic/image.js"),italic=require("../../../icons/basic/italic.js"),link=require("../../../icons/basic/link.js"),list_ordered=require("../../../icons/text/list_ordered.js"),list_unordered=require("../../../icons/text/list_unordered.js"),redo=require("../../../icons/arrow/redo.js"),underline=require("../../../icons/basic/underline.js"),undo=require("../../../icons/arrow/undo.js"),menu_button=require("../styles/menu_button.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorBar=({handleUploadImage:t})=>{const a=plate.useEditorRef("main"),l=React__default.default.useRef(null);var e=plate.useMarkToolbarButtonState({nodeType:plate.MARK_BOLD}),{pressed:e,onClick:o}=plate.useMarkToolbarButton(e)["props"],n=plate.useMarkToolbarButtonState({nodeType:plate.MARK_ITALIC}),{pressed:n,onClick:u}=plate.useMarkToolbarButton(n)["props"],r=plate.useMarkToolbarButtonState({nodeType:plate.MARK_UNDERLINE}),{pressed:r,onClick:d}=plate.useMarkToolbarButton(r)["props"],c=plate.useLinkToolbarButtonState(),{pressed:c,onClick:i}=plate.useLinkToolbarButton(c)["props"],_=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_OL}),{pressed:_,onClick:p}=plate.useListToolbarButton(_)["props"],s=plate.useListToolbarButtonState({nodeType:plate.ELEMENT_UL}),{pressed:s,onClick:f}=plate.useListToolbarButton(s)["props"];return React__default.default.createElement(Menu,{"aria-label":"editor-navigation"},React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Undo",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,onClick:()=>a.undo()},React__default.default.createElement(undo.Undo,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Redo",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,onClick:()=>a.redo()},React__default.default.createElement(redo.Redo,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(style_dropdown.StyleDropdown,{editorRef:a})),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(menu_button.MenuButton,{$active:!1,as:"div"},React__default.default.createElement(alignment_dropdown.AlignmentDropdown,{editorRef:a}))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Bold",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:e,onClick:o},React__default.default.createElement(bold.Bold,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Italic",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:n,onClick:u},React__default.default.createElement(italic.Italic,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Underline",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:r,onClick:d},React__default.default.createElement(underline.Underline,{size:24,color:"grey-5"})))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Link",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:c,onClick:i},React__default.default.createElement(link.Link,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Image",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:!1,as:"label",onChange:async()=>{var e=l.current?.files;e&&(e=await t(e))&&(plate.insertImage(a,e),plate.insertNode(a,{type:plate.ELEMENT_PARAGRAPH,children:[{text:" "}]}))}},React__default.default.createElement("div",null,React__default.default.createElement("input",{accept:"image/*",ref:l,style:{display:"none"},type:"file"}),React__default.default.createElement(image.Image,{size:24,color:"grey-5"}))))),React__default.default.createElement(Divider,null),React__default.default.createElement(MenuSection,null,React__default.default.createElement(tooltip.Tooltip,{content:"Unordered List",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:s,onClick:f},React__default.default.createElement(list_unordered.ListUnordered,{size:24,color:"grey-5"}))),React__default.default.createElement(tooltip.Tooltip,{content:"Ordered List",place:"top"},React__default.default.createElement(menu_button.MenuButton,{$active:_,onClick:p},React__default.default.createElement(list_ordered.ListOrdered,{size:24,color:"grey-5"})))))},Menu=styled.styled.nav`
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  max-width: 1200px;
+  margin: 0;
+  padding: 14px 24px;
+  background-color: var(--color-white);
+  box-sizing: border-box;
+  border-radius: 8px 8px 0px 0px;
+  box-shadow: var(--elevation-1);
+`,MenuSection=styled.styled.div`
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  width: fit-content;
+  flex-shrink: 0;
+`,Divider=styled.styled.div`
+  width: 1px;
+  height: 28px;
+  background-color: var(--color-grey-9);
+`;exports.EditorBar=EditorBar;

package/dist/components/editor/simple_editor/plugins.js

@@ -0,0 +1 @@
+"use strict";var plate=require("@udecode/plate"),text=require("../plugins/blocks/text.js"),link=require("../plugins/leafs/link.js"),plate$1=require("../plugins/plate.js"),exitBreak=require("../plugins/utils/exitBreak.js"),resetBlockType=require("../plugins/utils/resetBlockType.js"),selectOnBackspace=require("../plugins/utils/selectOnBackspace.js"),softBreak=require("../plugins/utils/softBreak.js");const plugins=plate.createPlugins([plate.createHeadingPlugin(),plate.createImagePlugin({options:{disableUploadInsert:!0,disableEmbedInsert:!0}}),plate.createTextIndentPlugin(),plate.createIndentListPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1,plate.ELEMENT_H2,plate.ELEMENT_H3,plate.ELEMENT_H4,plate.ELEMENT_H5,plate.ELEMENT_H6,plate.ELEMENT_OL,plate.ELEMENT_UL]}}}),plate.createListPlugin(),plate.createMediaEmbedPlugin(),plate.createParagraphPlugin(),text.createHOnePlugin(),text.createHTwoPlugin(),text.createHThreePlugin(),text.createHFourPlugin(),text.createHFivePlugin(),text.createHSixPlugin(),plate.createResetNodePlugin(),plate.createBoldPlugin(),plate.createCodePlugin(),plate.createFontBackgroundColorPlugin(),plate.createFontSizePlugin(),plate.createFontFamilyPlugin(),plate.createItalicPlugin(),plate.createStrikethroughPlugin(),plate.createSubscriptPlugin(),plate.createSuperscriptPlugin(),plate.createUnderlinePlugin(),plate.createAlignPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1,plate.ELEMENT_H2,plate.ELEMENT_H3,plate.ELEMENT_H4,plate.ELEMENT_H5,plate.ELEMENT_H6]}}}),plate.createIndentPlugin({inject:{props:{validTypes:[plate.ELEMENT_PARAGRAPH,plate.ELEMENT_H1]}}}),plate.createLineHeightPlugin(),plate.createLinkPlugin({renderAfterEditable:link.LinkFloatingMenu}),plate.createExitBreakPlugin(exitBreak.exitBreakPlugin),plate.createHistoryPlugin(),plate.createResetNodePlugin(resetBlockType.resetBlockTypePlugin),plate.createSelectOnBackspacePlugin(selectOnBackspace.selectOnBackspace),plate.createSoftBreakPlugin(softBreak.softBreakPlugin)],{components:plate$1.plateUI});exports.plugins=plugins;

package/dist/components/editor/simple_editor/simple_editor.js

@@ -0,0 +1,67 @@
+"use client";
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SimpleEditor=({editable:e,handleUploadImage:t,onChange:a,placeholder:l="",previousContent:o=[{type:"p",children:[{text:""}]}]})=>React__default.default.createElement(plate.Plate,{id:"main",initialValue:o,onChange:a,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:t}),React__default.default.createElement(InnerWrapper,null,React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:l,readOnly:!e,spellCheck:!0})))),InnerWrapper=styled.styled.div`
+  & > div {
+    padding: 24px;
+    min-height: 224px;
+    box-sizing: border-box;
+
+    & > div {
+      margin: 24px 0px;
+    }
+  }
+`,Wrapper=styled.styled.div`
+  position: relative;
+  max-width: 1200px;
+  width: 100%;
+  min-height: 224px;
+  border: 1px solid var(--color-grey-8);
+  border-radius: 8px;
+  background-color: var(--color-white);
+
+  * {
+    font-family: var(--font-inter);
+    outline: none;
+  }
+
+  .slate-bold {
+    font-weight: 700;
+  }
+
+  .slate-italic {
+    font-style: italic;
+  }
+
+  .slate-strikethrough {
+    text-decoration: line-through;
+  }
+
+  .slate-underline {
+    text-decoration: underline;
+  }
+
+  li {
+    margin: 8px 0px;
+    color: var(--color-grey-3);
+  }
+
+  .slate-code {
+    & > * {
+      font-family: 'Roboto Mono';
+      & > * {
+        font-family: 'Roboto Mono';
+        & > * {
+          font-family: 'Roboto Mono';
+        }
+      }
+    }
+
+    background-color: var(--color-grey-9);
+    padding: 0.4em 0.4em;
+    font-size: 0.8em;
+    line-height: 0.8em;
+  }
+
+  & > [data-slate-editor='true'] > * {
+    margin: 24px 0px;
+  }
+`;exports.SimpleEditor=SimpleEditor;

package/dist/components/editor/styles/menu_button.js

@@ -0,0 +1,30 @@
+"use client";
+"use strict";var styled=require("styled-components");const MenuButton=styled.styled.button`
+  padding: 2px;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  height: 28px;
+  width: 28px;
+  border-radius: 2px;
+
+  &:hover:not(:disabled) {
+    padding: 1px;
+    border: 1px solid var(--color-grey-8);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--color-grey-9);
+  }
+
+  &:disabled {
+    background-color: var(--color-white) !important;
+    cursor: initial;
+    svg {
+      fill: var(--color-grey-7) !important;
+    }
+  }
+
+  background-color: ${({$active:o})=>o?"var(--color-grey-9)":"transparent"};
+`;exports.MenuButton=MenuButton;

package/dist/components/feedback/animated_toast/animated_toast.js

@@ -0,0 +1,35 @@
+"use client";
+"use strict";var React=require("react"),styled=require("styled-components"),toast=require("../toast/toast.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const AnimatedToast=({message:t,type:e,onClose:a,animationDuration:o=4})=>{const[s,n]=React__default.default.useState(!1),i=React__default.default.useRef(null);return React__default.default.useEffect(()=>(i.current=setTimeout(()=>{n(!0),a&&a()},1e3*o),()=>{clearTimeout(i.current)}),[o,a]),React__default.default.createElement(Container,null,React__default.default.createElement(ToastAnimation,{className:s?"toast-closed":""},React__default.default.createElement(toast.Toast,{content:t,type:e,isAnimated:!0,animationDuration:o})))},Container=styled.styled.div`
+  position: fixed;
+  z-index: 9999;
+  bottom: 16px;
+  right: 16px;
+`,ToastAnimation=styled.styled.div`
+  animation: slide-in 0.4s ease-in-out forwards;
+
+  &.toast-closed {
+    animation: slide-out 0.4s ease-in-out forwards;
+  }
+
+  @keyframes slide-out {
+    0% {
+      opacity: 1;
+      transform: translateX(0%);
+    }
+    100% {
+      opacity: 0;
+      transform: translateX(100%);
+    }
+  }
+
+  @keyframes slide-in {
+    0% {
+      opacity: 0;
+      transform: translateX(100%);
+    }
+    100% {
+      opacity: 1;
+      transform: translateX(0%);
+    }
+  }
+`;exports.AnimatedToast=AnimatedToast;

package/dist/components/feedback/badge/badge.js

@@ -0,0 +1,26 @@
+"use client";
+"use strict";var React=require("react"),styled=require("styled-components"),close=require("../../../icons/basic/close.js");function _interopDefaultCompat(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var React__default=_interopDefaultCompat(React);const colorLookup={blue:{primary:"var(--color-hue-blue-1)",secondary:"var(--color-hue-blue-2)",bg:"var(--color-hue-blue-3)"},green:{primary:"var(--color-green-3)",secondary:"var(--color-green-8)",bg:"var(--color-green-10)"},orange:{primary:"var(--color-hue-orange-1)",secondary:"var(--color-hue-orange-2)",bg:"var(--color-hue-orange-3)"},purple:{primary:"var(--color-hue-purple-1)",secondary:"var(--color-hue-purple-2)",bg:"var(--color-hue-purple-3)"},red:{primary:"var(--color-red-4)",secondary:"var(--color-red-9)",bg:"var(--color-red-10)"}},Badge=({children:r,color:e,dot:o,onDismiss:l})=>{var a=colorLookup[e].bg,t=colorLookup[e].primary,e=colorLookup[e].secondary;return React__default.default.createElement(Component,{$bgColor:a,$borderColor:e,$textColor:t},o&&React__default.default.createElement(Dot,{$secondaryColor:t}),r,l&&React__default.default.createElement(close.Close,{size:16}))},Component=styled.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 1px 7px;
+  border-radius: 32px;
+  background-color: ${({$bgColor:r})=>r};
+  color: ${({$textColor:r})=>r};
+  border: 1px solid ${({$borderColor:r})=>r};
+  font-family: var(--font-inter);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 16px;
+  user-select: none;
+
+  svg {
+    fill: currentColor;
+    cursor: pointer;
+  }
+`,Dot=styled.styled.div`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: ${({$secondaryColor:r})=>r};
+`;exports.Badge=Badge;

package/dist/components/feedback/banner/banner.js

@@ -0,0 +1,41 @@
+"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 Banner=({content:e,href:t,onClose:r,title:a,type:o,setContentInNewLine:l=!1,additionalContent:n,sx:i})=>{var c={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:"output",$dir:"row",$gap:8,$type:o,$sx:i},c[o],React__default.default.createElement(box.Box,{$dir:l?"column":"row",$gap:4},React__default.default.createElement(paragraph.P,{as:"span",$semiBold:!0},a),React__default.default.createElement(paragraph.P,{as:"span",sx:l?"margin-top: 12px;":""},e),n&&React__default.default.createElement(paragraph.P,{as:"span"},n),t&&React__default.default.createElement(paragraph.P,{as:"a",href:t,$color:"primary-blue-2"},"Read more")),r&&React__default.default.createElement(button.Button,{icon:React__default.default.createElement(close.Close,{size:24}),onClick:r,type:"special"}))},Wrapper=styled.styled.output`
+  width: 100%;
+  box-sizing: border-box;
+  padding: 12px 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)"};
+  border-bottom: 1px solid
+    ${({$type:e})=>"error"===e?"var(--color-red-4)":"info"===e?"var(--color-blue-4)":"success"===e?"var(--color-green-3)":"var(--color-orange-5)"};
+  box-shadow: var(--elevation-2);
+  border-radius: var(--small);
+
+  & > 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)"};
+  }
+
+  a {
+    position: relative;
+    cursor: pointer;
+
+    &::after {
+      position: absolute;
+      content: '';
+      width: 100%;
+      height: 1px;
+      right: 0px;
+      left: 0px;
+      bottom: 0px;
+      background-color: var(--color-primary-blue-2);
+    }
+  }
+
+  button {
+    padding: 0px;
+    margin-left: auto;
+  }
+
+  ${styles.Styles.flex}
+
+  ${({$sx:e})=>e||""}
+`;exports.Banner=Banner;

package/dist/components/feedback/chip/chip.js

@@ -0,0 +1,30 @@
+"use client";
+"use strict";var React=require("react"),styled=require("styled-components"),close=require("../../../icons/basic/close.js");function _interopDefaultCompat(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var React__default=_interopDefaultCompat(React);const colorLookup={"primary-blue":{primary:"var(--color-primary-blue-2)",secondary:"var(--color-white)",text:"var(--color-white)"},blue:{primary:"var(--color-blue-9)",secondary:"var(--color-blue-5)",text:"var(--color-grey-4)"},green:{primary:"var(--color-green-9)",secondary:"var(--color-green-5)",text:"var(--color-grey-4)"},grey:{primary:"var(--color-grey-9)",secondary:"var(--color-grey-4)",text:"var(--color-grey-4)"},orange:{primary:"var(--color-orange-9)",secondary:"var(--color-orange-5)",text:"var(--color-grey-4)"},purple:{primary:"var(--color-purple-9)",secondary:"var(--color-purple-5)",text:"var(--color-grey-4)"},red:{primary:"var(--color-red-9)",secondary:"var(--color-red-5)",text:"var(--color-grey-4)"},turquoise:{primary:"var(--color-turquoise-9)",secondary:"var(--color-turquoise-5)",text:"var(--color-grey-4)"},yellow:{primary:"var(--color-yellow-9)",secondary:"var(--color-yellow-9)",text:"var(--color-grey-4)"}},Chip=({children:r,color:o,dot:e,onDismiss:t,size:a})=>{var l=colorLookup[o].primary,c=colorLookup[o].text,o=colorLookup[o].secondary;return React__default.default.createElement(Component,{$bgColor:l,$size:a,$textColor:c},e&&React__default.default.createElement(Dot,{$secondaryColor:o}),r,t&&React__default.default.createElement(close.Close,{size:16,onClick:t}))},Component=styled.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-radius: 32px;
+  background-color: ${({$bgColor:r})=>r};
+  color: ${({$textColor:r})=>r};
+  font-family: var(--font-inter);
+  user-select: none;
+
+  svg {
+    fill: currentColor;
+    cursor: pointer;
+  }
+  ${({$size:r})=>"small"===r?`
+    padding: 4px 16px;
+    font-size: 12px;
+    line-height: 16px;
+    font-weight: 500;`:`
+    padding: 8px 16px;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 600;`}
+`,Dot=styled.styled.div`
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background-color: ${({$secondaryColor:r})=>r};
+`;exports.Chip=Chip;

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

@@ -0,0 +1,20 @@
+"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`
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+`,Component=styled__default.default.div`
+  border: 2px solid transparent;
+  border-radius: 50%;
+  animation: ${spin} 0.8s linear infinite;
+
+  border-width: ${({$borderWidth:e})=>e+"px"};
+  border-color: ${({$color:e})=>colors.colorReference[e]};
+  border-top-color: transparent;
+
+  ${({$size:e})=>`
+    height: ${e}px;
+    width: ${e}px;
+  `}
+
+  ${({$sx:e})=>e||""};
+`;exports.Loader=Loader;

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

@@ -0,0 +1,34 @@
+"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`
+  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)"};
+  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)"};
+  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)"};
+  }
+
+  button > svg {
+    fill: unset;
+  }
+
+  a {
+    position: relative;
+    cursor: pointer;
+  }
+
+  button {
+    padding: 0px;
+    margin-left: auto;
+  }
+
+  ${styles.Styles.flex}
+  ${({$sx:e})=>e||""}
+`;exports.Notification=Notification;

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

@@ -0,0 +1,39 @@
+"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`
+  position: relative;
+  width: 100%;
+  height: 12px;
+  border-radius: 32px;
+  background-color: var(--color-grey-8);
+`,Bar=styled.styled.div`
+  width: ${({$percent:e})=>e}%;
+  height: 12px;
+  background-color: ${({$color:e})=>e};
+  border-radius: 32px;
+`,IconWrapper=styled.styled.div`
+  position: relative;
+  display: block;
+  width: 45px;
+  height: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  flex-shrink: 0;
+  background: conic-gradient(
+    ${({$gradientColors:e})=>e.start},
+    ${({$gradientColors:e})=>e.end}
+      ${({$completedDegree:e})=>e}deg,
+    ${({$gradientColors:e})=>e.empty}
+      ${({$completedDegree:e})=>e}deg 360deg
+  );
+  border: 1px solid ${({$gradientColors:e})=>e.bg};
+`,IconInnerWrapper=styled.styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 39px;
+  width: 39px;
+  border-radius: 50%;
+  background-color: ${({$bg:e})=>e};
+`;exports.Progress=Progress;

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

@@ -0,0 +1,78 @@
+"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_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 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(alert_circle.AlertCircle,{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`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  background-color: rgba(0, 0, 0, 0.1);
+
+  .toast-progress-bar {
+    height: 100%;
+    ${({$animationDuration:e})=>`animation: progress-bar ${e}s linear forwards`};
+  }
+
+  .toast-progress-bar.success {
+    background-color: var(--color-green-3);
+  }
+
+  .toast-progress-bar.info {
+    background-color: var(--color-blue-4);
+  }
+
+  .toast-progress-bar.warning {
+    background-color: var(--color-orange-5);
+  }
+
+  .toast-progress-bar.error {
+    background-color: var(--color-red-4);
+  }
+
+  @keyframes progress-bar {
+    0% {
+      width: 100%;
+    }
+    100% {
+      width: 0%;
+    }
+  }
+`,Wrapper=styled.styled.output`
+  ${({$isAnimated:e})=>!e&&`
+      position: fixed;
+      bottom: 24px;
+      right: 24px;`}
+
+  box-sizing: border-box;
+  padding: 12px 16px;
+  display: flex;
+  box-shadow: var(--elevation-2);
+  border-radius: var(--small);
+
+  &::before {
+    position: absolute;
+    content: '';
+    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)"};
+    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)"};
+  }
+
+  a {
+    &:hover {
+      cursor: pointer;
+      text-decoration: underline;
+    }
+  }
+
+  button {
+    padding: 0px;
+    margin-left: auto;
+  }
+
+  ${styles.Styles.flex}
+`;exports.Toast=Toast;

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

@@ -0,0 +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,{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;

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

@@ -0,0 +1,71 @@
+"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");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const iconReference={approved:approved.Approved,busy:busy.Busy,declined:declined.Declined,focus:focus.Focus,locked:locked.Locked,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:o,textPosition:d="left",title:s,tooltipContent:u,tooltipSx:f,...A})=>{const[c,I]=React__default.default.useState(!1);r=iconReference?.[r??"none"];return React__default.default.createElement(box.Box,{$align:"center",$gap:18,sx:`
+        position: relative; 
+        &:hover {
+          .tooltipContainer {
+            display: flex;
+          }
+        }
+        ${o}
+      `,...A},React__default.default.createElement(Container,{as:e,$size:i,href:t},!c&&React__default.default.createElement(Image__default.default,{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}),c&&React__default.default.createElement(_default.Default,null),React__default.default.createElement("div",null,React__default.default.createElement(r,null))),(s||n)&&React__default.default.createElement(TextContainer,{$textPosition:d},s&&React__default.default.createElement(heading.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;"},s),n&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$textClampLines:1},n)),u&&React__default.default.createElement(TooltipContainer,{className:"tooltipContainer",$sx:f},u))},Container=(Avatar.displayName="Avatar",styled.styled.div`
+  flex-shrink: 0;
+  display: flex;
+  flex-flow: row nowrap;
+  cursor: ${({as:e})=>!e||"a"!==e&&"button"!==e?"initial":"pointer"};
+  padding: 0px;
+  border: 0px;
+  position: relative;
+  background-color: transparent;
+
+  > img,
+  > svg {
+    flex-shrink: 0;
+    border-radius: 50%;
+    overflow: hidden;
+    object-fit: cover;
+
+    ${({$size:e})=>`
+    width: ${e}px;
+    height: ${e}px;
+    `}
+  }
+
+  div > svg {
+    position: relative;
+    width: ${({$size:e})=>iconSize[""+e]}px;
+    margin-left: ${({$size:e})=>iconOffsetX[""+e]}px;
+    top: ${({$size:e})=>iconOffsetY[""+e]}px;
+  }
+`),TextContainer=styled.styled.div`
+  display: flex;
+  flex-flow: column nowrap;
+  gap: 4px;
+  order: ${({$textPosition:e})=>"left"===e?-1:1};
+`,TooltipContainer=styled.styled.div`
+  display: none;
+  position: absolute;
+  top: 100%;
+  z-index: 250;
+  background-color: var(--color-white);
+  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`
+  position: relative;
+  z-index: ${({$index:e})=>"-"+e};
+  border-radius: 50%;
+  border: 2px solid var(--color-white);
+  margin-right: -8px;
+`),Total=styled.styled.div`
+  position: relative;
+  z-index: ${({$index:e})=>"-"+e};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  ${({$size:e})=>`
+    width: ${e}px;
+    height: ${e}px;
+  `}
+  border-radius: 50%;
+  background-color: var(--color-grey-9);
+`;exports.Avatar=Avatar;

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

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +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 Declined=()=>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:"M10.47 9.015 12 7.479c.402-.404.4-1.056-.005-1.457a1.034 1.034 0 0 0-1.46.005L9.013 7.555 7.464 6.003A1.034 1.034 0 0 0 6.004 6 1.028 1.028 0 0 0 6 7.457l1.556 1.559-1.522 1.528c-.402.403-.4 1.056.004 1.457.404.4 1.058.399 1.46-.005l1.515-1.52 1.486 1.489a1.034 1.034 0 0 0 1.46.003 1.028 1.028 0 0 0 .003-1.457L10.47 9.015Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Declined=Declined;

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

@@ -0,0 +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 Default=()=>React__default.default.createElement("svg",{viewBox:"0 0 228 228",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__default.default.createElement("rect",{width:"228",height:"228",fill:"#D0D2D6"}),React__default.default.createElement("path",{d:"M114 114C104.513 114 96.3906 110.622 89.6344 103.866C82.8781 97.1094 79.5 88.9875 79.5 79.5C79.5 70.0125 82.8781 61.8906 89.6344 55.1344C96.3906 48.3781 104.513 45 114 45C123.488 45 131.609 48.3781 138.366 55.1344C145.122 61.8906 148.5 70.0125 148.5 79.5C148.5 88.9875 145.122 97.1094 138.366 103.866C131.609 110.622 123.488 114 114 114ZM45 183V158.85C45 153.963 46.2593 149.469 48.7778 145.369C51.2905 141.275 54.6312 138.15 58.8 135.994C67.7125 131.538 76.7688 128.194 85.9688 125.963C95.1688 123.738 104.513 122.625 114 122.625C123.488 122.625 132.831 123.738 142.031 125.963C151.231 128.194 160.288 131.538 169.2 135.994C173.369 138.15 176.71 141.275 179.222 145.369C181.741 149.469 183 153.963 183 158.85V183H45Z",fill:"white"}));exports.Default=Default;

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

@@ -0,0 +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 Focus=()=>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:"#fff",rx:"8"}),React__default.default.createElement("path",{fill:"#A246C1",d:"M9 16A7 7 0 1 1 9 2a7 7 0 0 1 0 14Zm0-2.333a4.667 4.667 0 1 0 0-9.334 4.667 4.667 0 0 0 0 9.334Zm0-2.334a2.333 2.333 0 1 1 0-4.666 2.333 2.333 0 0 1 0 4.666Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Focus=Focus;

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

@@ -0,0 +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 Locked=()=>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:"#B3B7BC",rx:"8"}),React__default.default.createElement("path",{fill:"#4A4F55",d:"M9.023 4.594H8.98c-1.221 0-2.21.973-2.21 2.175V7.89h1.116V6.78c0-.6.494-1.087 1.105-1.087h.022c.61 0 1.105.486 1.105 1.087v1.11h1.116V6.77c0-1.203-.989-2.176-2.21-2.176ZM6.77 7.89h1.116V8.99H6.769V7.89Zm3.348 0h1.116V8.99h-1.116V7.89Zm0 1.099H6.77c-.616 0-1.116.492-1.116 1.099v1.648c0 .91.742 1.648 1.655 1.648h3.386c.914 0 1.655-.732 1.655-1.648v-1.648c0-.607-.5-1.1-1.116-1.1h-1.116Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Locked=Locked;

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

@@ -0,0 +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 Offline=()=>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:"#4A4F55",rx:"8"}),React__default.default.createElement("path",{fill:"#B3B7BC",d:"M9 12.3a3.3 3.3 0 1 0 0-6.6 3.3 3.3 0 0 0 0 6.6Z"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Offline=Offline;

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

@@ -0,0 +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 Online=()=>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:"#3CC260",rx:"8"}),React__default.default.createElement("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"}));exports.Online=Online;

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

@@ -0,0 +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 Subscribed=()=>React__default.default.createElement("svg",{fill:"none",viewBox:"0 0 20 20"},React__default.default.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M19.088 9.994a9.088 9.088 0 1 1-18.176 0 9.088 9.088 0 0 1 18.176 0Z",clipRule:"evenodd"}),React__default.default.createElement("path",{fill:"url(#a)",d:"M17.088 9.994a7.088 7.088 0 1 1-14.176 0 7.088 7.088 0 0 1 14.176 0Z"}),React__default.default.createElement("path",{fill:"#fff",d:"M9.25 5h1.5v.936c.338.048.648.134.927.26.458.202.813.485 1.067.847.255.362.386.781.394 1.258h-1.665a.976.976 0 0 0-.413-.734c-.244-.175-.575-.262-.992-.262-.283 0-.523.039-.718.117a1.01 1.01 0 0 0-.45.316.748.748 0 0 0-.152.461.645.645 0 0 0 .092.375c.07.107.165.2.285.278.12.075.26.141.418.199.157.054.326.101.505.14l.738.172c.359.078.688.183.988.313.299.13.559.29.778.48a2.003 2.003 0 0 1 .698 1.559c-.003.49-.131.914-.385 1.273-.252.357-.615.634-1.091.832-.302.125-.643.21-1.024.255V15h-1.5v-.942a4.002 4.002 0 0 1-.923-.242c-.49-.198-.872-.49-1.148-.879-.273-.39-.416-.873-.429-1.449h1.681c.019.269.098.492.237.672.142.177.33.311.566.402.238.089.507.133.806.133.294 0 .55-.041.767-.125.219-.083.389-.199.509-.347a.79.79 0 0 0 .18-.512c0-.18-.054-.33-.164-.453a1.248 1.248 0 0 0-.473-.313 4.908 4.908 0 0 0-.759-.234l-.894-.219c-.693-.164-1.24-.42-1.641-.77-.402-.348-.601-.818-.598-1.41-.003-.484.13-.907.397-1.269.27-.362.64-.645 1.111-.848.242-.104.5-.181.775-.232V5Z"}),React__default.default.createElement("defs",null,React__default.default.createElement("radialGradient",{id:"a",cx:"0",cy:"0",r:"1",gradientTransform:"rotate(-49.924 18.2 -.497) scale(14.7338 19.4196)",gradientUnits:"userSpaceOnUse"},React__default.default.createElement("stop",{stopColor:"#09B3A1"}),React__default.default.createElement("stop",{offset:"1",stopColor:"#3AC15E"}))));exports.Subscribed=Subscribed;

package/dist/components/iconography/icon/icon.js

@@ -0,0 +1,4 @@
+"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);const Icon=({as:e,children:t,color:o="grey-3",size:r=16,sx:c,...s})=>React__default.default.createElement(SVG,{as:e,width:r,height:r,viewBox:"0 0 16 16",fill:colors.colorReference[o],xmlns:"http://www.w3.org/2000/svg",$sx:c,...s},t),SVG=styled.styled.svg`
+  ${({$sx:e})=>e||""}
+`;exports.Icon=Icon;