@soul-refiner/design-system 2.5.1-alpha.1 → 2.5.2

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

@@ -1,4 +1,4 @@
-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);let EditorBar=({handleUploadImage:t})=>{let 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`
+"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;

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

@@ -1 +1 @@
-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");let 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;
+"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

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/upload/validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let SimpleEditor=({editable:e,handleUploadImage:l,onChange:a,validation:o,sx:t,validationMessage:r,placeholder:i="",previousContent:n=[{type:"p",children:[{text:""}]}]})=>{let[d,s]=React__default.default.useState([]);return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<d.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>s([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},r)))),React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:a,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:async a=>{s([]);var t=[];if(o)for(let e=0;e<a.length;e++){var r=a[e],r=await validations.validateFile(r,o);if(0<r.length){t.push(...r);break}}return 0<t?.length?(s(t),""):l(a)}}),React__default.default.createElement(InnerWrapper,{$sx:t},React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:i,readOnly:!e,spellCheck:!0})))))},InnerWrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/upload/validations.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:l,onChange:t,validation:o,sx:a,validationMessage:r,placeholder:i="",previousContent:n=[{type:"p",children:[{text:""}]}]})=>{const[d,s]=React__default.default.useState([]);return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<d.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>s([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},r)))),React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:t,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:async t=>{s([]);var a=[];if(o)for(let e=0;e<t.length;e++){var r=t[e],r=await validations.validateFile(r,o);if(0<r.length){a.push(...r);break}}return 0<a?.length?(s(a),""):l(t)}}),React__default.default.createElement(InnerWrapper,{$sx:a},React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:i,readOnly:!e,spellCheck:!0})))))},InnerWrapper=styled.styled.div`
   & > div {
     padding: 24px;
     min-height: 224px;

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

@@ -1,5 +1,5 @@
 "use client";
-var styled=require("styled-components");let MenuButton=styled.styled.button`
+"use strict";var styled=require("styled-components");const MenuButton=styled.styled.button`
   padding: 2px;
   border: none;
   outline: none;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let AnimatedToast=({message:t,type:e,onClose:a,animationDuration:o=4})=>{let[n,s]=React__default.default.useState(!1),i=React__default.default.useRef(null);return React__default.default.useEffect(()=>(i.current=setTimeout(()=>{s(!0),a&&a()},1e3*o),()=>{clearTimeout(i.current)}),[o,a]),React__default.default.createElement(Container,null,React__default.default.createElement(ToastAnimation,{className:n?"toast-closed":""},React__default.default.createElement(toast.Toast,{content:t,type:e,isAnimated:!0,animationDuration:o})))},Container=styled.styled.div`
+"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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let 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`
+"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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let 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",sx:"width: 100%; flex-wrap: wrap;",$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`
+"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",sx:"width: 100%; flex-wrap: wrap;",$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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let 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:l,size:t})=>{var a=colorLookup[o].primary,c=colorLookup[o].text,o=colorLookup[o].secondary;return React__default.default.createElement(Component,{$bgColor:a,$size:t,$textColor:c},e&&React__default.default.createElement(Dot,{$secondaryColor:o}),r,l&&React__default.default.createElement(close.Close,{size:16,onClick:l}))},Component=styled.styled.div`
+"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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let Loader=({color:e="grey-1",inline:r,size:t=16,sx:o})=>{let a=3;return 96<t?a=10:47<t?a=5:23<t&&(a=4),React__default.default.createElement(Component,{$borderWidth:a,$color:e,$inline:!!r,$size:t,$sx:o})},spin=styled.keyframes`
+"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`

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

@@ -1,5 +1,5 @@
 "use client";
-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);let 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 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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let Progress=({hasError:e,progress:r,subtitle:t,sx:a,title:l,type:o})=>{var c=!e&&99<r,o="detailed"===o,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},o&&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,l&&React__default.default.createElement(paragraph.P,{$color:"grey-2",$fontSize:14,$lineHeight:20},l),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)),o&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$textAlign:"center",sx:"width: 72px;"},i))},BarWrapper=styled.styled.div`
+"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;

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

@@ -1,5 +1,5 @@
 "use client";
-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);let Toast=({content:e,href:r,onClose:t,type:a,isAnimated:o=!1,animationDuration: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:"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:l||4},React__default.default.createElement("div",{className:"toast-progress-bar "+a})))},ToastProgress=styled.styled.div`
+"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;

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

@@ -1,2 +1,2 @@
 "use client";
-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);let Tooltip=({children:t,content:e,place:a="top"})=>{let 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;
+"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

@@ -1,13 +1,13 @@
 "use client";
-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");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);let 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:i=fallBackImgSrc,size:l=64,status:r,subtitle:d,sx:n,isPaidUser:o,textPosition:s="left",title:u,tooltipContent:f,tooltipSx:c,...p})=>{let[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:`
+"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");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,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:i=fallBackImgSrc,size:l=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;
           }
         }
-        ${n}
-      `,...p},React__default.default.createElement(Container,{as:e,$size:l,href:t},!A&&React__default.default.createElement(Image__default.default,{alt:"avatar image",height:l,onError:()=>I(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:a??i,width:l}),A&&React__default.default.createElement(_default.Default,null),React__default.default.createElement("div",null,React__default.default.createElement(r,null))),(u||d)&&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),d&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$textClampLines:1},d)),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))},Container=(Avatar.displayName="Avatar",styled.styled.div`
+        ${d}
+      `,...p},React__default.default.createElement(Container,{as:e,$size:l,href:t},!A&&React__default.default.createElement(Image__default.default,{alt:"avatar image",height:l,onError:()=>I(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:a??i,width:l}),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))},Container=(Avatar.displayName="Avatar",styled.styled.div`
   flex-shrink: 0;
   display: flex;
   flex-flow: row nowrap;

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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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 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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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 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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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/ispaid.js

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let IsPaid=()=>React__default.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__default.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.51835 16.482C2.74817 15.7118 2.52722 14.537 2.76875 12.9955C1.50798 12.0763 0.833496 11.0894 0.833496 10.0002C0.833496 8.911 1.50798 7.92404 2.76875 7.00485C2.52722 5.46337 2.74817 4.28856 3.51835 3.51838C4.28853 2.7482 5.46334 2.52725 7.00482 2.76878C7.92401 1.50801 8.91097 0.833527 10.0002 0.833527C11.0894 0.833527 12.0763 1.50801 12.9955 2.76878C14.537 2.52725 15.7118 2.7482 16.482 3.51838C17.2522 4.28856 17.4731 5.46337 17.2316 7.00485C18.4923 7.92404 19.1668 8.911 19.1668 10.0002C19.1668 11.0894 18.4923 12.0763 17.2316 12.9955C17.4731 14.537 17.2522 15.7118 16.482 16.482C15.7118 17.2522 14.537 17.4731 12.9955 17.2316C12.0763 18.4924 11.0894 19.1669 10.0002 19.1669C8.91097 19.1669 7.92401 18.4924 7.00482 17.2316C5.46334 17.4731 4.28853 17.2522 3.51835 16.482Z",fill:"url(#paint0_linear_4205_11354)"}),React__default.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.1664 10.4883L12.7438 6.91092L13.9223 8.08943L9.1664 12.8454L6.07715 9.7561L7.25566 8.57759L9.1664 10.4883Z",fill:"white"}),React__default.default.createElement("defs",null,React__default.default.createElement("linearGradient",{id:"paint0_linear_4205_11354",x1:"9.88558",y1:"19.1669",x2:"9.88558",y2:"0.833527",gradientUnits:"userSpaceOnUse"},React__default.default.createElement("stop",{"stop-color":"#1D62F0"}),React__default.default.createElement("stop",{offset:"1","stop-color":"#1AD5FD"}))));exports.IsPaid=IsPaid;
+"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 IsPaid=()=>React__default.default.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React__default.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.51835 16.482C2.74817 15.7118 2.52722 14.537 2.76875 12.9955C1.50798 12.0763 0.833496 11.0894 0.833496 10.0002C0.833496 8.911 1.50798 7.92404 2.76875 7.00485C2.52722 5.46337 2.74817 4.28856 3.51835 3.51838C4.28853 2.7482 5.46334 2.52725 7.00482 2.76878C7.92401 1.50801 8.91097 0.833527 10.0002 0.833527C11.0894 0.833527 12.0763 1.50801 12.9955 2.76878C14.537 2.52725 15.7118 2.7482 16.482 3.51838C17.2522 4.28856 17.4731 5.46337 17.2316 7.00485C18.4923 7.92404 19.1668 8.911 19.1668 10.0002C19.1668 11.0894 18.4923 12.0763 17.2316 12.9955C17.4731 14.537 17.2522 15.7118 16.482 16.482C15.7118 17.2522 14.537 17.4731 12.9955 17.2316C12.0763 18.4924 11.0894 19.1669 10.0002 19.1669C8.91097 19.1669 7.92401 18.4924 7.00482 17.2316C5.46334 17.4731 4.28853 17.2522 3.51835 16.482Z",fill:"url(#paint0_linear_4205_11354)"}),React__default.default.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.1664 10.4883L12.7438 6.91092L13.9223 8.08943L9.1664 12.8454L6.07715 9.7561L7.25566 8.57759L9.1664 10.4883Z",fill:"white"}),React__default.default.createElement("defs",null,React__default.default.createElement("linearGradient",{id:"paint0_linear_4205_11354",x1:"9.88558",y1:"19.1669",x2:"9.88558",y2:"0.833527",gradientUnits:"userSpaceOnUse"},React__default.default.createElement("stop",{"stop-color":"#1D62F0"}),React__default.default.createElement("stop",{offset:"1","stop-color":"#1AD5FD"}))));exports.IsPaid=IsPaid;

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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1 +1 @@
-var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let 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;
+"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

@@ -1,4 +1,4 @@
 "use client";
-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);let Icon=({as:e,children:t,color:o="grey-3",size:r=16,sx:l,...c})=>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:l,...c},t),SVG=styled.styled.svg`
+"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;

package/dist/components/input/calendar/calendar.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),calendar=require("../../../icons/time/calendar.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let CalendarInput=({selectedDate:e,onSelect:t,disablePastDates:l})=>{let o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0),new Date(o).setDate(1);let a=React__default.default.useRef(null),[r,n]=React__default.default.useState(!1),[d,i]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString()),[u,c]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString());React__default.default.useEffect(()=>{c(e?.toDateString()||(new Date).toDateString())},[e]);let s=e=>{var e=e.target,t=e.getAttribute("data-day"),a=e.getAttribute("data-month"),e=e.getAttribute("data-year");a=new Date(a+`/${t}/`+e),c(a.toDateString())};var f=date.buildCalendar(new Date(d).getMonth()+1,new Date(d).getFullYear()),[p,g,y]=(e||new Date).toLocaleString("default",{year:"2-digit",month:"2-digit",day:"2-digit"}).split("/");return React__default.default.createElement(Wrapper,{onBlurCapture:e=>{a?.current&&!a?.current?.contains(e.relatedTarget)&&n(!1)},ref:a,tabIndex:0},React__default.default.createElement(InputWrapper,null,React__default.default.createElement(Input,{value:e?p+` / ${g} / `+y:"",onFocus:()=>n(e=>!e),style:{letterSpacing:"1px",fontSize:"16px",lineHeight:"24px"},readOnly:!0}),React__default.default.createElement(calendar.Calendar,null)),r&&React__default.default.createElement(DateSelector,null,React__default.default.createElement(InnerWrapper,null,React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()-1),e.toDateString()})}},React__default.default.createElement(chevron_left.ChevronLeft,{size:24})),React__default.default.createElement(paragraph.P,null,Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(d).getMonth(),11))]+" "+new Date(d).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()+1),e.toDateString()})}},React__default.default.createElement(chevron_right.ChevronRight,{size:24}))),React__default.default.createElement(WeekdayWrapper,null,Object.values(date$1.WEEKDAYS).map(e=>React__default.default.createElement(paragraph.P,{key:e},e))),React__default.default.createElement(Calendar,null,f.map((e,t)=>React__default.default.createElement(Week,{key:"week-"+t.toString(36)},e.map((e,t)=>{var a=new Date(e[1]+`/${e[2]}/`+e[0]),r=0<o.getTime()-a.getTime(),n=e[1]!==date.zeroPad(new Date(d).getMonth()+1,2),r=l?r:n,n=Math.abs(a.getTime()-o.getTime())<.5,a=new Date(u).getTime()===a.getTime();return React__default.default.createElement(Day,{className:((n?"today":"")+(r?" not-current":"")+(a?" selected":"")).trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],key:"day-"+t.toString(36),onClick:s},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])})))),React__default.default.createElement(BottomWrapper,null,React__default.default.createElement(button.Button,{onClick:()=>{c(e?.toDateString()||(new Date).toDateString()),n(!1)},size:"small",sx:"width: 80px;",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{t(new Date(u)),n(!1)},size:"small",sx:"width: 80px;"},"Apply"))))))},Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),calendar=require("../../../icons/time/calendar.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const CalendarInput=({selectedDate:e,onSelect:t,disablePastDates:l})=>{const o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0),new Date(o).setDate(1);const a=React__default.default.useRef(null),[r,n]=React__default.default.useState(!1),[d,i]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString()),[u,c]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString());React__default.default.useEffect(()=>{c(e?.toDateString()||(new Date).toDateString())},[e]);const s=e=>{var e=e.target,t=e.getAttribute("data-day"),a=e.getAttribute("data-month"),e=e.getAttribute("data-year");a=new Date(a+`-${t}-`+e),c(a.toDateString())};var f=date.buildCalendar(new Date(d).getMonth()+1,new Date(d).getFullYear()),[p,g,y]=(e||new Date).toLocaleString("default",{year:"2-digit",month:"2-digit",day:"2-digit"}).split("/");return React__default.default.createElement(Wrapper,{onBlurCapture:e=>{a?.current&&!a?.current?.contains(e.relatedTarget)&&n(!1)},ref:a,tabIndex:0},React__default.default.createElement(InputWrapper,null,React__default.default.createElement(Input,{value:e?p+` / ${g} / `+y:"",onFocus:()=>n(e=>!e),style:{letterSpacing:"1px",fontSize:"16px",lineHeight:"24px"},readOnly:!0}),React__default.default.createElement(calendar.Calendar,null)),r&&React__default.default.createElement(DateSelector,null,React__default.default.createElement(InnerWrapper,null,React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()-1),e.toDateString()})}},React__default.default.createElement(chevron_left.ChevronLeft,{size:24})),React__default.default.createElement(paragraph.P,null,Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(d).getMonth(),11))]+" "+new Date(d).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()+1),e.toDateString()})}},React__default.default.createElement(chevron_right.ChevronRight,{size:24}))),React__default.default.createElement(WeekdayWrapper,null,Object.values(date$1.WEEKDAYS).map(e=>React__default.default.createElement(paragraph.P,{key:e},e))),React__default.default.createElement(Calendar,null,f.map((e,t)=>React__default.default.createElement(Week,{key:"week-"+t.toString(36)},e.map((e,t)=>{var a=new Date(`${e[1]}-${e[2]}-`+e[0]),r=0<o.getTime()-a.getTime(),n=e[1]!==date.zeroPad(new Date(d).getMonth()+1,2),r=l?r:n,n=Math.abs(a.getTime()-o.getTime())<.5,a=new Date(u).getTime()===a.getTime();return React__default.default.createElement(Day,{className:((n?"today":"")+(r?" not-current":"")+(a?" selected":"")).trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],key:"day-"+t.toString(36),onClick:s},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])})))),React__default.default.createElement(BottomWrapper,null,React__default.default.createElement(button.Button,{onClick:()=>{c(e?.toDateString()||(new Date).toDateString()),n(!1)},size:"small",sx:"width: 80px;",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{t(new Date(u)),n(!1)},size:"small",sx:"width: 80px;"},"Apply"))))))},Wrapper=styled.styled.div`
   position: relative;
   width: fit-content;
   font-family: var(--font-inter);

package/dist/components/input/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),checkmark=require("../../../icons/basic/checkmark.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let Checkbox=({disabled:e,selected:r,sx:t,...l})=>React__default.default.createElement(Box,{$align:"center",$disabled:!!e,$display:"flex",$justify:"center",$selected:r,$sx:t,...l},r&&React__default.default.createElement(checkmark.Checkmark,{color:"white"})),Box=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),checkmark=require("../../../icons/basic/checkmark.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Checkbox=({disabled:e,selected:r,sx:t,...o})=>React__default.default.createElement(Box,{$align:"center",$disabled:!!e,$display:"flex",$justify:"center",$selected:r,$sx:t,...o},r&&React__default.default.createElement(checkmark.Checkmark,{color:"white"})),Box=styled.styled.div`
   display: flex;
   width: 20px;
   height: 20px;

package/dist/components/input/date/date.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),arrow_right=require("../../../icons/arrow/arrow_right.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let DatePicker=({endDate:e,label:t,onSelect:a,startDate:r})=>{let u=new Date,o=(u.setHours(0),u.setMinutes(0),u.setSeconds(0),u.setMilliseconds(0),new Date(u)),l=(o.setDate(1),o.getMonth()+1),n=o.getFullYear(),s=!e,d=React__default.default.useRef(null),[i,c]=React__default.default.useState(!1),[f,p]=React__default.default.useState(()=>e?.toDateString()??r.toDateString()),[g,x]=React__default.default.useState(()=>r.toDateString()),[b,y]=React__default.default.useState(()=>e?.toDateString()??r.toDateString()),[h,m]=React__default.default.useState(!0);React__default.default.useEffect(()=>{x(r.toDateString())},[r]),React__default.default.useEffect(()=>{y((e??new Date)?.toDateString())},[e]),React__default.default.useEffect(()=>{var e;!s&&new Date(g).getTime()>new Date(b).getTime()&&(e=g,x(b),y(e))},[b,g]);let _=({type:e,value:t})=>{("start"===e?x:y)(t.toDateString())},v=e=>{s||m(e=>!e);var e=e.target,t=h?"start":"end",a=e.getAttribute("data-day"),r=e.getAttribute("data-month"),e=e.getAttribute("data-year");_({type:t,value:new Date(r+`-${a}-`+e)})};var D=date.buildCalendar(new Date(f).getMonth()+1,new Date(f).getFullYear());let w=new Date(g).getTime(),R=new Date(b).getTime();var k=new Date(f);let S=new Date(k),E=(S.setDate(1),new Date(k));return E.setDate(date.getMonthDays(k.getMonth()+1)),React__default.default.createElement(Wrapper,{onBlurCapture:e=>{d?.current&&!d?.current?.contains(e.relatedTarget)&&c(!1)},ref:d,tabIndex:0},React__default.default.createElement(Trigger,{onClick:()=>c(e=>!e)},t&&React__default.default.createElement(React__default.default.Fragment,null,t," | "),React__default.default.createElement("span",null,r.toLocaleDateString("en-US").replaceAll("/","-")),!!e&&r.toDateString()!==e?.toDateString()&&React__default.default.createElement(arrow_right.ArrowRight,{sx:"padding: 0px 8px; margin-bottom: -2px;"}),r.toDateString()!==e?.toDateString()&&React__default.default.createElement("span",null,e?.toLocaleDateString("en-US").replaceAll("/","-"))),i&&React__default.default.createElement(DateSelector,null,React__default.default.createElement(InnerWrapper,null,!!e&&React__default.default.createElement(Left,null,React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{_({type:"start",value:u}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Today"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-1);_({type:"start",value:e}),_({type:"end",value:e}),p(u.toDateString()),m(!0)}},"Yesterday"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-7);_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last 7 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setMonth(l-2),_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last 30 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{_({type:"start",value:o}),_({type:"end",value:new Date(o.getFullYear(),o.getMonth(),date.getMonthDays())}),p(u.toDateString()),m(!0)}},"This month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(o);e.setMonth(l-2),_({type:"start",value:e}),_({type:"end",value:new Date(e.getFullYear(),e.getMonth(),date.getMonthDays(e.getMonth()+1))}),p(e.toDateString()),m(!0)}},"Last month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setFullYear(n-1),_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last Year")),React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{p(e=>{e=new Date(e);return e.setMonth(e.getMonth()-1),e.toDateString()})}},React__default.default.createElement(chevron_left.ChevronLeft,{size:24})),React__default.default.createElement(paragraph.P,null,Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(f).getMonth(),11))]+" "+new Date(f).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{p(e=>{e=new Date(e);return e.setMonth(e.getMonth()+1),e.toDateString()})}},React__default.default.createElement(chevron_right.ChevronRight,{size:24}))),React__default.default.createElement(WeekdayWrapper,null,Object.values(date$1.WEEKDAYS).map(e=>React__default.default.createElement(paragraph.P,{key:e},e))),React__default.default.createElement(Calendar,null,D.map((e,t)=>React__default.default.createElement(Week,{key:"week-"+t.toString(36)},e.map((e,t)=>{var a=e[1]!==date.zeroPad(new Date(f).getMonth()+1,2),r=new Date(e[1]+`-${e[2]}-`+e[0]),o=Math.abs(r.getTime()-u.getTime())<.5,l=r.toDateString(),n=l===g,d=!s&&l===b,r=!s&&w<=r.getTime()&&r.getTime()<=R&&!n&&!d,i=S.toDateString()===l,l=E.toDateString()===l;return React__default.default.createElement(Day,{className:((o?"today":"")+(a?" not-current":"")+(n?" start-date":"")+(d?" end-date":"")+(r?" between":"")+(i?" first-of-month":"")+(l?" last-of-month":"")).trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],key:"day-"+t.toString(36),onClick:v},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])})))),React__default.default.createElement(BottomWrapper,null,React__default.default.createElement(button.Button,{onClick:()=>{x(r.toDateString()),y((e??new Date)?.toDateString()),m(!0),c(!1)},size:"small",sx:"width: 80px;",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{a({type:"start",value:new Date(g)}),s||a({type:"end",value:new Date(b)}),s||m(!0),c(!1)},size:"small",sx:"width: 80px;"},"Apply"))))))},Wrapper=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),arrow_right=require("../../../icons/arrow/arrow_right.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const DatePicker=({endDate:e,label:t,onSelect:a,startDate:r})=>{const u=new Date,o=(u.setHours(0),u.setMinutes(0),u.setSeconds(0),u.setMilliseconds(0),new Date(u)),l=(o.setDate(1),o.getMonth()+1),n=o.getFullYear(),s=!e,d=React__default.default.useRef(null),[i,c]=React__default.default.useState(!1),[f,p]=React__default.default.useState(()=>e?.toDateString()??r.toDateString()),[g,x]=React__default.default.useState(()=>r.toDateString()),[b,y]=React__default.default.useState(()=>e?.toDateString()??r.toDateString()),[h,m]=React__default.default.useState(!0);React__default.default.useEffect(()=>{x(r.toDateString())},[r]),React__default.default.useEffect(()=>{y((e??new Date)?.toDateString())},[e]),React__default.default.useEffect(()=>{var e;!s&&new Date(g).getTime()>new Date(b).getTime()&&(e=g,x(b),y(e))},[b,g]);const _=({type:e,value:t})=>{("start"===e?x:y)(t.toDateString())},v=e=>{s||m(e=>!e);var e=e.target,t=h?"start":"end",a=e.getAttribute("data-day"),r=e.getAttribute("data-month"),e=e.getAttribute("data-year");_({type:t,value:new Date(r+`-${a}-`+e)})};var D=date.buildCalendar(new Date(f).getMonth()+1,new Date(f).getFullYear());const w=new Date(g).getTime(),R=new Date(b).getTime();var k=new Date(f);const S=new Date(k),E=(S.setDate(1),new Date(k));return E.setDate(date.getMonthDays(k.getMonth()+1)),React__default.default.createElement(Wrapper,{onBlurCapture:e=>{d?.current&&!d?.current?.contains(e.relatedTarget)&&c(!1)},ref:d,tabIndex:0},React__default.default.createElement(Trigger,{onClick:()=>c(e=>!e)},t&&React__default.default.createElement(React__default.default.Fragment,null,t," | "),React__default.default.createElement("span",null,r.toLocaleDateString("en-US").replaceAll("/","-")),!!e&&r.toDateString()!==e?.toDateString()&&React__default.default.createElement(arrow_right.ArrowRight,{sx:"padding: 0px 8px; margin-bottom: -2px;"}),r.toDateString()!==e?.toDateString()&&React__default.default.createElement("span",null,e?.toLocaleDateString("en-US").replaceAll("/","-"))),i&&React__default.default.createElement(DateSelector,null,React__default.default.createElement(InnerWrapper,null,!!e&&React__default.default.createElement(Left,null,React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{_({type:"start",value:u}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Today"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-1);_({type:"start",value:e}),_({type:"end",value:e}),p(u.toDateString()),m(!0)}},"Yesterday"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-7);_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last 7 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setMonth(l-2),_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last 30 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{_({type:"start",value:o}),_({type:"end",value:new Date(o.getFullYear(),o.getMonth(),date.getMonthDays())}),p(u.toDateString()),m(!0)}},"This month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(o);e.setMonth(l-2),_({type:"start",value:e}),_({type:"end",value:new Date(e.getFullYear(),e.getMonth(),date.getMonthDays(e.getMonth()+1))}),p(e.toDateString()),m(!0)}},"Last month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setFullYear(n-1),_({type:"start",value:e}),_({type:"end",value:u}),p(u.toDateString()),m(!0)}},"Last Year")),React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{p(e=>{e=new Date(e);return e.setMonth(e.getMonth()-1),e.toDateString()})}},React__default.default.createElement(chevron_left.ChevronLeft,{size:24})),React__default.default.createElement(paragraph.P,null,Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(f).getMonth(),11))]+" "+new Date(f).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{p(e=>{e=new Date(e);return e.setMonth(e.getMonth()+1),e.toDateString()})}},React__default.default.createElement(chevron_right.ChevronRight,{size:24}))),React__default.default.createElement(WeekdayWrapper,null,Object.values(date$1.WEEKDAYS).map(e=>React__default.default.createElement(paragraph.P,{key:e},e))),React__default.default.createElement(Calendar,null,D.map((e,t)=>React__default.default.createElement(Week,{key:"week-"+t.toString(36)},e.map((e,t)=>{var a=e[1]!==date.zeroPad(new Date(f).getMonth()+1,2),r=new Date(`${e[1]}-${e[2]}-`+e[0]),o=Math.abs(r.getTime()-u.getTime())<.5,l=r.toDateString(),n=l===g,d=!s&&l===b,r=!s&&w<=r.getTime()&&r.getTime()<=R&&!n&&!d,i=S.toDateString()===l,l=E.toDateString()===l;return React__default.default.createElement(Day,{className:((o?"today":"")+(a?" not-current":"")+(n?" start-date":"")+(d?" end-date":"")+(r?" between":"")+(i?" first-of-month":"")+(l?" last-of-month":"")).trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],key:"day-"+t.toString(36),onClick:v},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])})))),React__default.default.createElement(BottomWrapper,null,React__default.default.createElement(button.Button,{onClick:()=>{x(r.toDateString()),y((e??new Date)?.toDateString()),m(!0),c(!1)},size:"small",sx:"width: 80px;",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{a({type:"start",value:new Date(g)}),s||a({type:"end",value:new Date(b)}),s||m(!0),c(!1)},size:"small",sx:"width: 80px;"},"Apply"))))))},Wrapper=styled.styled.div`
   position: relative;
   width: fit-content;
   font-family: var(--font-inter);

package/dist/components/input/filter/filter.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);let Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:p,optionShowClose:s,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b})=>{let y=!!f,h=React__default.default.useRef(null);var m=React__default.default.useRef(null);let[x,R]=React__default.default.useState(!1),[C,E]=React__default.default.useState(()=>c||(y?[]:"")),[k,$]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&R(!1)},[e]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&E(y?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;x||(C.length?(e=u.find(e=>"string"!=typeof e&&P(e.value)),"string"==typeof C?$(e.label):$(1<C.length?e.label+" +"+(C.length-1):e.label)):$(o))},[C,u,x]);let w=y?e=>{e.stopPropagation();let t=e.target.getAttribute("data-value")??"";Array.isArray(C)&&C.includes(t)?E(e=>e.filter(e=>e!==t)):E(e=>[t,...e]),i&&!g&&R(!1),p&&p(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";C!==t?E(t):E(""),i&&!g&&R(!1),p&&p(e)},P=e=>y?C.includes(e):e===C;var S=[...u.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+t}):React__default.default.createElement(filter_option.Option,{key:e.value,onClick:w,selected:P(e.value),checkbox:f,radio:!y&&"pill"===d||!y&&_,showClose:void 0===s?0===t&&"pill"===d:s,onClose:()=>R(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],A=r&&("string"==typeof C?!!C:!!C.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:h,onBlurCapture:e=>{t&&h?.current&&!h?.current?.contains(e.relatedTarget)&&R(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||R(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),E(y?[]:""),R(!1)}:void 0,open:x,resetGraphic:A,type:d,value:k}),x&&React__default.default.createElement(Container,{ref:m},React__default.default.createElement(React__default.default.Fragment,null,S,"pill"===d&&b&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),E(y?[]:""),R(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),R(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.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 Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b})=>{const y=!!f,h=React__default.default.useRef(null);var m=React__default.default.useRef(null);const[x,R]=React__default.default.useState(!1),[C,E]=React__default.default.useState(()=>c||(y?[]:"")),[k,$]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&R(!1)},[e]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&E(y?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;x||(C.length?(e=u.find(e=>"string"!=typeof e&&P(e.value)),"string"==typeof C?$(e.label):$(1<C.length?e.label+" +"+(C.length-1):e.label)):$(o))},[C,u,x]);const w=y?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(C)&&C.includes(t)?E(e=>e.filter(e=>e!==t)):E(e=>[t,...e]),i&&!g&&R(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";C!==t?E(t):E(""),i&&!g&&R(!1),s&&s(e)},P=e=>y?C.includes(e):e===C;var S=[...u.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+t}):React__default.default.createElement(filter_option.Option,{key:e.value,onClick:w,selected:P(e.value),checkbox:f,radio:!y&&"pill"===d||!y&&_,showClose:void 0===p?0===t&&"pill"===d:p,onClose:()=>R(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],A=r&&("string"==typeof C?!!C:!!C.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:h,onBlurCapture:e=>{t&&h?.current&&!h?.current?.contains(e.relatedTarget)&&R(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||R(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),E(y?[]:""),R(!1)}:void 0,open:x,resetGraphic:A,type:d,value:k}),x&&React__default.default.createElement(Container,{ref:m},React__default.default.createElement(React__default.default.Fragment,null,S,"pill"===d&&b&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),E(y?[]:""),R(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),R(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
   position: relative;
   display: block;
   outline: none;

package/dist/components/input/filter/filter_option.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),checkbox=require("../checkbox/checkbox.js"),radio=require("../radio/radio.js"),close=require("../../../icons/basic/close.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let Option=({label:e,sublabel:a,onClick:t,selected:r,sx:o,value:l,checkbox:c,radio:i=!1,showClose:n=!1,onClose:p})=>React__default.default.createElement(OptionWrapper,{"data-value":l,onClick:t,$selected:r,$sx:o,$hasCheckbox:!!c},c&&React__default.default.createElement(checkbox.Checkbox,{selected:r}),i&&React__default.default.createElement(radio.Radio,{checked:r,value:l}),React__default.default.createElement(box.Box,{$dir:"column",$display:"flex"},e&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},e),a&&React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:12,$lineHeight:20,$mediumBold:!0,$textClampLines:1},a)),n&&React__default.default.createElement(close.Close,{sx:"margin-left: auto; pointer-events: auto !important;",size:16,onClick:e=>{e.stopPropagation(),p&&p()}})),OptionWrapper=(Option.displayName="Filter.Option",styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),checkbox=require("../checkbox/checkbox.js"),radio=require("../radio/radio.js"),close=require("../../../icons/basic/close.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Option=({label:e,sublabel:a,onClick:t,selected:r,sx:o,value:l,checkbox:c,radio:i=!1,showClose:n=!1,onClose:p})=>React__default.default.createElement(OptionWrapper,{"data-value":l,onClick:t,$selected:r,$sx:o,$hasCheckbox:!!c},c&&React__default.default.createElement(checkbox.Checkbox,{selected:r}),i&&React__default.default.createElement(radio.Radio,{checked:r,value:l}),React__default.default.createElement(box.Box,{$dir:"column",$display:"flex"},e&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},e),a&&React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:12,$lineHeight:20,$mediumBold:!0,$textClampLines:1},a)),n&&React__default.default.createElement(close.Close,{sx:"margin-left: auto; pointer-events: auto !important;",size:16,onClick:e=>{e.stopPropagation(),p&&p()}})),OptionWrapper=(Option.displayName="Filter.Option",styled.styled.div`
   position: relative;
   z-index: 1;
   padding: 12px 16px;

package/dist/components/input/radio/radio.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let Radio=({checked:e=!1,disabled:r,label:a,onClick:o,reversed:t,sx:l,value:d,...i})=>React__default.default.createElement(Label,{$disabled:r,$reversed:t,$sx:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),o&&o(e)}},React__default.default.createElement(Input,{checked:e,onClickCapture:e=>{e.stopPropagation(),o&&o(e)},disabled:r,type:"radio",value:d,...i}),React__default.default.createElement(paragraph.P,{as:"span"},a)),Label=styled.styled.label`
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Radio=({checked:e=!1,disabled:r,label:a,onClick:t,reversed:o,sx:l,value:d,...i})=>{return React__default.default.createElement(Label,{$disabled:r,$reversed:o,$sx:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),t&&t(e)}},React__default.default.createElement(Input,{checked:e,onClickCapture:e=>{e.stopPropagation(),t&&t(e)},disabled:r,type:"radio",value:d,...i}),React__default.default.createElement(paragraph.P,{as:"span"},a))},Label=styled.styled.label`
   display: flex;
   align-items: center;
   gap: 8px;

package/dist/components/input/search/search.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),close=require("../../../icons/basic/close.js"),search=require("../../../icons/basic/search.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let Search=({dropdownFilter:e,onChange:r,onClearText:o,onSubmit:a,placeholder:l,size:t,sx:d,value:s})=>{let[i,c]=React__default.default.useState(!1),[n,p]=React__default.default.useState(!1),u=React__default.default.useRef(null);var g=!i&&"collapsed"===t,x=g||"large"===t?24:16;return React__default.default.createElement(Wrapper,{$align:"center",$dir:"row",$isCollapsed:g,$isFocused:n,$borderRadius:"large",$size:t,$sx:d,onClick:e&&"large"===t?void 0:g?()=>{c(!0),u?.current?.focus()}:()=>{u?.current?.focus()}},React__default.default.createElement(search.Search,{color:"large"===t?"blue-7":"grey-3",size:x,onClick:g?void 0:()=>{c(!1),p(!1),u?.current?.blur()},sx:g||"collapsed"!==t?void 0:`
+"use strict";var React=require("react"),styled=require("styled-components"),styles=require("../../../common/styles.js"),close=require("../../../icons/basic/close.js"),search=require("../../../icons/basic/search.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Search=({dropdownFilter:e,onChange:r,onClearText:o,onSubmit:a,placeholder:l,size:t,sx:d,value:s})=>{const[i,c]=React__default.default.useState(!1),[n,p]=React__default.default.useState(!1),u=React__default.default.useRef(null);var g=!i&&"collapsed"===t,x=g||"large"===t?24:16;return React__default.default.createElement(Wrapper,{$align:"center",$dir:"row",$isCollapsed:g,$isFocused:n,$borderRadius:"large",$size:t,$sx:d,onClick:e&&"large"===t?void 0:g?()=>{c(!0),u?.current?.focus()}:()=>{u?.current?.focus()}},React__default.default.createElement(search.Search,{color:"large"===t?"blue-7":"grey-3",size:x,onClick:g?void 0:()=>{c(!1),p(!1),u?.current?.blur()},sx:g||"collapsed"!==t?void 0:`
           &:hover {
             cursor: pointer;
             background-color: var(--color-grey-10);

package/dist/components/input/select/select.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let Select=({label:e,onClick:t,selected:a,sx:l,value:r})=>React__default.default.createElement(Label,{onClick:e=>t(e,r),$sx:l},React__default.default.createElement("input",{value:r,type:"radio",checked:a,readOnly:!0}),React__default.default.createElement(SelectBox,{$selected:a}),React__default.default.createElement(paragraph.P,{as:"div"},e)),Label=styled.styled.div`
+"use strict";var React=require("react"),styled=require("styled-components"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Select=({label:e,onClick:t,selected:a,sx:r,value:l})=>React__default.default.createElement(Label,{onClick:e=>t(e,l),$sx:r},React__default.default.createElement("input",{value:l,type:"radio",checked:a,readOnly:!0}),React__default.default.createElement(SelectBox,{$selected:a}),React__default.default.createElement(paragraph.P,{as:"div"},e)),Label=styled.styled.div`
   display: flex;
   flex-flow: row nowrap;
   gap: 24px;

package/dist/components/input/text_area/text_area.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let TextArea=({bg:e="var(--color-blue-10)",disabled:r,helperText:t,icon:l,label:a,maxCharacters:o,minHeight:c,minWidth:n,name:i,onChange:d,placeholder:s,resize:u=!1,successful:f,sx:p,value:x,warning:g})=>{let m=React__default.default.useRef(null);return React__default.default.useEffect(()=>{var e;m.current&&(m.current.style.height=c+"px",e=m.current.scrollHeight,m.current.style.height=e+"px")},[m.current,x]),React__default.default.createElement(Label,{$disabled:r,$sx:p},a,React__default.default.createElement(InputWrapper,{$bg:e,$minWidth:n,$successful:f,$warning:g},l,React__default.default.createElement(TextAreaElement,{disabled:r,name:i,onChange:d,placeholder:s,ref:m,value:o?x.slice(0,o-1):x,$minHeight:c,$resize:u}),f&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),g&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),React__default.default.createElement(box.Box,{$gap:16,$justify:"space-between"},t&&React__default.default.createElement(HelperText,null,t),o&&React__default.default.createElement(MaxCharactersText,null,x.length," / ",o)))},Label=styled.styled.label`
+"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextArea=({bg:e="var(--color-blue-10)",disabled:r,helperText:t,icon:l,label:a,maxCharacters:o,minHeight:c,minWidth:n,name:i,onChange:d,placeholder:s,resize:u=!1,successful:f,sx:p,value:x,warning:g})=>{const m=React__default.default.useRef(null);return React__default.default.useEffect(()=>{var e;m.current&&(m.current.style.height=c+"px",e=m.current.scrollHeight,m.current.style.height=e+"px")},[m.current,x]),React__default.default.createElement(Label,{$disabled:r,$sx:p},a,React__default.default.createElement(InputWrapper,{$bg:e,$minWidth:n,$successful:f,$warning:g},l,React__default.default.createElement(TextAreaElement,{disabled:r,name:i,onChange:d,placeholder:s,ref:m,value:o?x.slice(0,o-1):x,$minHeight:c,$resize:u}),f&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),g&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),React__default.default.createElement(box.Box,{$gap:16,$justify:"space-between"},t&&React__default.default.createElement(HelperText,null,t),o&&React__default.default.createElement(MaxCharactersText,null,x.length," / ",o)))},Label=styled.styled.label`
   width: 100%;
   display: flex;
   gap: 4px;

package/dist/components/input/text_input/text_input.js

@@ -1,5 +1,5 @@
 "use client";
-var React=require("react"),styled=require("styled-components"),chip=require("../../feedback/chip/chip.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);let TextInput=({bg:e="var(--color-blue-10)",disabled:t,helperText:r,icon:l,inputSx:a,label:o,maxCharacters:n,multiple:i,name:c,onChange:s,onClick:u,onFocus:d,onKeyDown:p,onBlur:f,onMultipleChange:m,placeholder:g,hasOutline:$=!0,placeIconAtTheEnd:y=!1,size:h="large",successful:b,sx:x,type:_="text",value:v,variant:k="default",warning:z})=>{let w=React__default.default.useId();let[C,R]=React__default.default.useState("");return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:z,$variant:k},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:z},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:e=>{e.stopPropagation(),e.preventDefault();e=v.includes(C);m&&!e&&m([...v,C]),R("")}},v.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:w+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(v.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:f,onChange:e=>{R(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!v.length||!m||C||"Delete"!==e.key&&"Backspace"!==e.key||m(v.slice(0,v.length-1))},value:C})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===_&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:_,value:"number"!==_&&n?v?.slice(0,n-1)||"":v}),n&&"number"!==_&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},v?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:z},z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"}),r))},Label=styled.styled.label`
+"use strict";var React=require("react"),styled=require("styled-components"),chip=require("../../feedback/chip/chip.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextInput=({bg:e="var(--color-blue-10)",disabled:t,helperText:r,icon:l,inputSx:a,label:o,maxCharacters:n,multiple:i,name:c,onChange:s,onClick:u,onFocus:d,onKeyDown:p,onBlur:f,onMultipleChange:m,placeholder:g,hasOutline:$=!0,placeIconAtTheEnd:y=!1,size:h="large",successful:b,sx:x,type:_="text",value:v,variant:k="default",warning:z})=>{const w=React__default.default.useId();const[C,R]=React__default.default.useState("");return React__default.default.createElement(Label,{$disabled:t,$size:h,$sx:x},React__default.default.createElement(Legend,{$bg:e,$size:h,$successful:b,$warning:z,$variant:k},o),React__default.default.createElement(InputWrapper,{$bg:e,$size:h,$successful:b,$hasOutline:$,$warning:z},!y&&l,i?React__default.default.createElement(MultipleInputWrapper,{onSubmit:e=>{e.stopPropagation(),e.preventDefault();e=v.includes(C);m&&!e&&m([...v,C]),R("")}},v.filter(Boolean).map((e,t)=>React__default.default.createElement(chip.Chip,{key:w+e+t,color:"blue",size:"small",onDismiss:()=>{var t;t=e,m&&m(v.filter(e=>e!==t))}},e)),React__default.default.createElement(Input,{$size:h,$sx:a,onBlur:f,onChange:e=>{R(e.target.value)},onClick:u,onFocus:d,onKeyDown:e=>{!v.length||!m||C||"Delete"!==e.key&&"Backspace"!==e.key||m(v.slice(0,v.length-1))},value:C})):React__default.default.createElement(Input,{$size:h,$sx:a,disabled:t,name:c,..."number"===_&&{min:0},onBlur:f,onChange:s,onClick:u,onFocus:d,onKeyDown:p,placeholder:g,type:_,value:"number"!==_&&n?v?.slice(0,n-1)||"":v}),n&&"number"!==_&&!y&&React__default.default.createElement(MaxCharactersText,{$size:h},v?.length||0," / ",n),y&&l,b&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),r&&React__default.default.createElement(HelperText,{$size:h,$warning:z},z&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"}),r))},Label=styled.styled.label`
   font-family: var(--font-inter);
   font-size: ${({$size:e})=>"small"===e?.75:.87}rem;
   font-weight: 400;