@soul-refiner/design-system 2.14.61 → 2.14.63

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 e=require("react/jsx-runtime");exports.Declined=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#F34436",rx:"8"}),e.jsx("path",{fill:"#fff",d:"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"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 C=require("react/jsx-runtime");exports.Default=()=>C.jsxs("svg",{viewBox:"0 0 228 228",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[C.jsx("rect",{width:"228",height:"228",fill:"#D0D2D6"}),C.jsx("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"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 e=require("react/jsx-runtime");exports.Focus=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#fff",rx:"8"}),e.jsx("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"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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",{fillRule:"evenodd",clipRule:"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",{fillRule:"evenodd",clipRule:"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",{stopColor:"#1D62F0"}),React__default.default.createElement("stop",{offset:"1",stopColor:"#1AD5FD"}))));exports.IsPaid=IsPaid;
+"use strict";var e=require("react/jsx-runtime");exports.IsPaid=()=>e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"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)"}),e.jsx("path",{fillRule:"evenodd",clipRule:"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"}),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"paint0_linear_4205_11354",x1:"9.88558",y1:"19.1669",x2:"9.88558",y2:"0.833527",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#1D62F0"}),e.jsx("stop",{offset:"1",stopColor:"#1AD5FD"})]})})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 h=require("react/jsx-runtime");exports.Locked=()=>h.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[h.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#B3B7BC",rx:"8"}),h.jsx("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"}),h.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 e=require("react/jsx-runtime");exports.Offline=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#4A4F55",rx:"8"}),e.jsx("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"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 e=require("react/jsx-runtime");exports.Online=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 18 18",children:[e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",fill:"#3CC260",rx:"8"}),e.jsx("rect",{width:"16",height:"16",x:"1",y:"1",stroke:"#F8F9F9",strokeWidth:"2",rx:"8"})]});

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

@@ -1 +1 @@
-"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const 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 e=require("react/jsx-runtime");exports.Subscribed=()=>e.jsxs("svg",{fill:"none",viewBox:"0 0 20 20",children:[e.jsx("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"}),e.jsx("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"}),e.jsx("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"}),e.jsx("defs",{children:e.jsxs("radialGradient",{id:"a",cx:"0",cy:"0",r:"1",gradientTransform:"rotate(-49.924 18.2 -.497) scale(14.7338 19.4196)",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:"#09B3A1"}),e.jsx("stop",{offset:"1",stopColor:"#3AC15E"})]})})]});

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

@@ -1,4 +1,4 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Icon=({as:e,children:t,color:o="grey-3",size:r=16,sx:c,viewBox:s,...l})=>React__default.default.createElement(SVG,{as:e,width:r,height:r,viewBox:s||"0 0 16 16",fill:colors.colorReference[o],xmlns:"http://www.w3.org/2000/svg",$sx:c,...l},t),SVG=styled.styled.svg`
+"use strict";var e=require("react/jsx-runtime"),s=require("styled-components"),r=require("../../../common/colors.js");const o=s.styled.svg`
   ${({$sx:e})=>e||""}
-`;exports.Icon=Icon;
+`;exports.Icon=({as:s,children:i,color:t="grey-3",size:c=16,sx:l,viewBox:n,...x})=>e.jsx(o,{as:s,width:c,height:c,viewBox:n||"0 0 16 16",fill:r.colorReference[t],xmlns:"http://www.w3.org/2000/svg",$sx:l,...x,children:i});

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

@@ -1,16 +1,16 @@
 "use client";
-"use strict";var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.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:l,onSelect:r,disablePastDates:o})=>{const d=new Date;d.setHours(0),d.setMinutes(0),d.setSeconds(0),d.setMilliseconds(0),new Date(d).setDate(1);const t=React__default.default.useRef(null),[e,n]=React__default.default.useState(!1),[i,a]=React__default.default.useState(()=>l?.toDateString()||(new Date).toDateString());React__default.default.useEffect(()=>{l&&a(l.toDateString())},[l]);var c=()=>n(e=>!e);const u=React__default.default.useCallback(e=>{var e=e.currentTarget,t=e.getAttribute("data-day"),a=e.getAttribute("data-month"),e=e.getAttribute("data-year");t&&a&&e&&(a=new Date(a+`/${t}/`+e),r(a),requestAnimationFrame(()=>{n(!1)}))},[]);var s=date.buildCalendar(new Date(i).getMonth()+1,new Date(i).getFullYear()),f=React__default.default.useMemo(()=>{var e,t,a;return l?([e,t,a]=(l||new Date).toLocaleString("default",{year:"2-digit",month:"2-digit",day:"2-digit"}).split("/"),e+` / ${t} / `+a):""},[l]);return React__default.default.createElement(Wrapper,{onBlurCapture:e=>{t?.current&&!t?.current?.contains(e.relatedTarget)&&n(!1)},ref:t,tabIndex:0},React__default.default.createElement(InputWrapper,null,React__default.default.createElement(Input,{value:f,onFocus:c,style:{letterSpacing:"1px",fontSize:"16px",lineHeight:"24px"},readOnly:!0}),React__default.default.createElement(calendar.Calendar,{onClick:c})),e&&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:()=>{a(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,{$bold:!0},Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(i).getMonth(),11))]+" "+new Date(i).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{a(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,s.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<d.getTime()-a.getTime(),n=e[1]!==date.zeroPad(new Date(i).getMonth()+1,2),r=o?r:n,n=Math.abs(a.getTime()-d.getTime())<.5,a=l&&l.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:u},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])}))))))))},Wrapper=styled.styled.div`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../common/date.js"),o=require("../../atoms/typography/paragraph.js"),a=require("../../../icons/arrow/chevron_left.js"),i=require("../../../icons/arrow/chevron_right.js"),l=require("../../../icons/time/calendar.js"),s=require("../../../utils/date.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t);const u=r.styled.div`
   position: relative;
   width: fit-content;
   font-family: var(--font-inter);
-`,DateSelector=styled.styled.div`
+`,p=r.styled.div`
   transform: translateY(26px);
   position: absolute;
   z-index: 5;
   background-color: #ffffff;
   border-radius: 25px;
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-`,InnerWrapper=styled.styled.div`
+`,f=r.styled.div`
   display: flex;
   gap: 20px;
   padding: 18px;
@@ -28,13 +28,13 @@
     transform: rotate(45deg);
     box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.1);
   }
-`,MonthBar=styled.styled.div`
+`,g=r.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 18px;
   user-select: none;
-`,Arrow=styled.styled.button`
+`,x=r.styled.button`
   appearance: none;
   border: none;
   outline: none;
@@ -57,7 +57,7 @@
       fill: #ffffff;
     }
   }
-`,WeekdayWrapper=styled.styled.div`
+`,h=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
@@ -71,20 +71,20 @@
     justify-content: center;
     align-items: center;
   }
-`,Calendar=styled.styled.div`
+`,b=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin: 16px 0px 5px 0;
   user-select: none;
   width: 100%;
-`,Week=styled.styled.div`
+`,y=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
   border-radius: 24px;
   width: 100%;
-`,Day=styled.styled.button`
+`,m=r.styled.button`
   outline: none;
   border: none;
   background: transparent;
@@ -119,7 +119,7 @@
       background-color: var(--color-blue-9);
     }
   }
-`,Input=styled.styled.input`
+`,v=r.styled.input`
   width: 100%;
   padding: 0px;
   flex: 1;
@@ -134,7 +134,7 @@
   &::placeholder {
     color: var(--color-grey-6);
   }
-`,InputWrapper=styled.styled.div`
+`,j=r.styled.div`
   width: fit-content;
   display: flex;
   gap: 8px;
@@ -152,4 +152,4 @@
   &:focus-within {
     border-color: var(--color-primary-blue-2);
   }
-`;exports.CalendarInput=CalendarInput;
+`;exports.CalendarInput=({selectedDate:t,onSelect:r,disablePastDates:d})=>{const w=new Date;w.setHours(0),w.setMinutes(0),w.setSeconds(0),w.setMilliseconds(0);new Date(w).setDate(1);const D=c.default.useRef(null),[$,S]=c.default.useState(!1),[k,M]=c.default.useState(()=>t?.toDateString()||(new Date).toDateString());c.default.useEffect(()=>{t&&M(t.toDateString())},[t]);const C=()=>S(e=>!e),q=c.default.useCallback(e=>{const t=e.currentTarget,n=t.getAttribute("data-day"),o=t.getAttribute("data-month"),a=t.getAttribute("data-year");if(!n||!o||!a)return;const i=new Date(`${o}/${n}/${a}`);r(i),requestAnimationFrame(()=>{S(!1)})},[]),T=s.buildCalendar(new Date(k).getMonth()+1,new Date(k).getFullYear()),z=c.default.useMemo(()=>{if(!t)return"";const[e,r,n]=(t||new Date).toLocaleString("default",{year:"2-digit",month:"2-digit",day:"2-digit"}).split("/");return`${e} / ${r} / ${n}`},[t]);return e.jsxs(u,{onBlurCapture:e=>{D?.current&&!D?.current?.contains(e.relatedTarget)&&S(!1)},ref:D,tabIndex:0,children:[e.jsxs(j,{children:[e.jsx(v,{value:z,onFocus:C,style:{letterSpacing:"1px",fontSize:"16px",lineHeight:"24px"},readOnly:!0}),e.jsx(l.Calendar,{onClick:C})]}),$&&e.jsx(p,{children:e.jsx(f,{children:e.jsxs("div",{children:[e.jsxs(g,{children:[e.jsx(x,{onClick:()=>{M(e=>{const t=new Date(e);return t.setMonth(t.getMonth()-1),t.toDateString()})},children:e.jsx(a.ChevronLeft,{size:24})}),e.jsx(o.P,{$bold:!0,children:`${Object.values(n.MONTHS)[Math.max(0,Math.min(new Date(k).getMonth(),11))]} ${new Date(k).getFullYear()}`}),e.jsx(x,{onClick:()=>{M(e=>{const t=new Date(e);return t.setMonth(t.getMonth()+1),t.toDateString()})},children:e.jsx(i.ChevronRight,{size:24})})]}),e.jsx(h,{children:Object.values(n.WEEKDAYS).map(t=>e.jsx(o.P,{children:t},t))}),e.jsx(b,{children:T.map((r,n)=>e.jsx(y,{children:r.map((r,n)=>{const o=new Date(`${r[1]}/${r[2]}/${r[0]}`),a=w.getTime()-o.getTime()>0,i=r[1]!==s.zeroPad(new Date(k).getMonth()+1,2),l=d?a:i,c=Math.abs(o.getTime()-w.getTime())<.5,u=t&&t.getTime()===o.getTime();return e.jsx(m,{className:`${c?"today":""}${l?" not-current":""}${u?" selected":""}`.trim(),"data-day":r[2],"data-month":r[1],"data-year":r[0],onClick:q,children:`${r[2]}`.startsWith("0")?`${r[2]}`[1]:r[2]},"day-"+n.toString(36))})},"week-"+n.toString(36)))})]})})})]})};

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

@@ -1,5 +1,5 @@
 "use client";
-"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`
+"use strict";var e=require("react/jsx-runtime"),r=require("styled-components"),s=require("../../../common/styles.js"),o=require("../../../icons/basic/checkmark.js");const i=r.styled.div`
   display: flex;
   width: 20px;
   height: 20px;
@@ -7,8 +7,7 @@
   cursor: pointer;
   box-sizing: border-box;
 
-  ${({$selected:e})=>e?`background-color: var(--color-primary-blue-2);
-    border: 1px solid var(--color-primary-blue-2);`:"border: 1px solid var(--color-grey-8);"}
-  ${styles.Styles.flex}
+  ${({$selected:e})=>e?"background-color: var(--color-primary-blue-2);\n    border: 1px solid var(--color-primary-blue-2);":"border: 1px solid var(--color-grey-8);"}
+  ${s.Styles.flex}
   ${({$sx:e})=>e||""}
-`;exports.Checkbox=Checkbox;
+`;exports.Checkbox=({disabled:r,selected:s,sx:l,...c})=>e.jsx(i,{$align:"center",$disabled:!!r,$display:"flex",$justify:"center",$selected:s,$sx:l,...c,children:s&&e.jsx(o.Checkmark,{color:"white"})});

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

@@ -1,9 +1,9 @@
 "use client";
-"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:o,startDate:a})=>{const u=new Date,r=(u.setHours(0),u.setMinutes(0),u.setSeconds(0),u.setMilliseconds(0),new Date(u)),l=(r.setDate(1),r.getMonth()+1),n=r.getFullYear(),s=!e,i=React__default.default.useRef(null),[d,c]=React__default.default.useState(!1),[p,f]=React__default.default.useState(()=>e?.toDateString()??a.toDateString()),[g,y]=React__default.default.useState(()=>a.toDateString()),[m,b]=React__default.default.useState(()=>e?.toDateString()??a.toDateString()),[x,h]=React__default.default.useState(!0);React__default.default.useEffect(()=>{y(a.toDateString())},[a]),React__default.default.useEffect(()=>{b((e??new Date)?.toDateString())},[e]),React__default.default.useEffect(()=>{var e;!s&&new Date(g).getTime()>new Date(m).getTime()&&(e=g,y(m),b(e))},[m,g]);const v=({type:e,value:t})=>{("start"===e?y:b)(t.toDateString())},_=e=>{s||h(e=>!e);var e=e.target,t=x?"start":"end",a=e.getAttribute("data-day"),r=e.getAttribute("data-month"),e=e.getAttribute("data-year");v({type:t,value:new Date(r+`-${a}-`+e)}),s?(o({type:"start",value:new Date(r+`-${a}-`+e)}),requestAnimationFrame(()=>{c(!1)})):x||(o({type:"start",value:new Date(g)}),o({type:"end",value:new Date(r+`-${a}-`+e)}),h(!0),requestAnimationFrame(()=>{c(!1)}))};var D=date.buildCalendar(new Date(p).getMonth()+1,new Date(p).getFullYear());const w=new Date(g).getTime(),R=new Date(m).getTime();var k=new Date(p);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=>{i?.current&&!i?.current?.contains(e.relatedTarget)&&c(!1)},ref:i,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,a.toLocaleDateString("en-US").replaceAll("/","-")),!!e&&a.toDateString()!==e?.toDateString()&&React__default.default.createElement(arrow_right.ArrowRight,{sx:"padding: 0px 8px; margin-bottom: -2px;"}),a.toDateString()!==e?.toDateString()&&React__default.default.createElement("span",null,e?.toLocaleDateString("en-US").replaceAll("/","-"))),d&&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:()=>{v({type:"start",value:u}),v({type:"end",value:u}),f(u.toDateString()),h(!0),o({type:"start",value:u}),s||o({type:"end",value:u}),requestAnimationFrame(()=>{c(!1)})}},"Today"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-1);v({type:"start",value:e}),v({type:"end",value:e}),f(u.toDateString()),h(!0),o({type:"start",value:e}),s||o({type:"end",value:e}),requestAnimationFrame(()=>{c(!1)})}},"Yesterday"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u.getFullYear(),u.getMonth(),u.getDate()-7);v({type:"start",value:e}),v({type:"end",value:u}),f(u.toDateString()),h(!0),o({type:"start",value:e}),s||o({type:"end",value:u}),requestAnimationFrame(()=>{c(!1)})}},"Last 7 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setMonth(l-2),v({type:"start",value:e}),v({type:"end",value:u}),f(u.toDateString()),h(!0),o({type:"start",value:e}),s||o({type:"end",value:u}),requestAnimationFrame(()=>{c(!1)})}},"Last 30 days"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(r.getFullYear(),r.getMonth(),date.getMonthDays());v({type:"start",value:r}),v({type:"end",value:e}),f(u.toDateString()),h(!0),o({type:"start",value:r}),s||o({type:"end",value:e}),requestAnimationFrame(()=>{c(!1)})}},"This month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(r),t=(e.setMonth(l-2),new Date(e.getFullYear(),e.getMonth(),date.getMonthDays(e.getMonth()+1)));v({type:"start",value:e}),v({type:"end",value:t}),f(e.toDateString()),h(!0),o({type:"start",value:e}),s||o({type:"end",value:t}),requestAnimationFrame(()=>{c(!1)})}},"Last month"),React__default.default.createElement(button.Button,{size:"small",type:"text",onClick:()=>{var e=new Date(u);e.setFullYear(n-1),v({type:"start",value:e}),v({type:"end",value:u}),f(u.toDateString()),h(!0),o({type:"start",value:e}),s||o({type:"end",value:u}),requestAnimationFrame(()=>{c(!1)})}},"Last Year")),React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{f(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(p).getMonth(),11))]+" "+new Date(p).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{f(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(p).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,i=!s&&l===m,r=!s&&w<=r.getTime()&&r.getTime()<=R&&!n&&!i,d=S.toDateString()===l,l=E.toDateString()===l;return React__default.default.createElement(Day,{className:((o?"today":"")+(a?" not-current":"")+(n?" start-date":"")+(i?" end-date":"")+(r?" between":"")+(d?" 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:_},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])}))))))))},Wrapper=styled.styled.div`
+"use strict";var t=require("react/jsx-runtime"),e=require("react"),r=require("styled-components"),o=require("../../../common/date.js"),a=require("../../actions/button/button.js"),n=require("../../atoms/typography/paragraph.js"),l=require("../../../icons/arrow/chevron_left.js"),i=require("../../../icons/arrow/chevron_right.js"),s=require("../../../icons/arrow/arrow_right.js"),d=require("../../../utils/date.js");function c(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=c(e);const u=r.styled.div`
   position: relative;
   width: fit-content;
   font-family: var(--font-inter);
-`,Trigger=styled.styled.button`
+`,f=r.styled.button`
   padding: 12px 24px;
   background-color: #ffffff;
   border: 1px solid var(--color-grey-6);
@@ -34,14 +34,14 @@
     background-color: var(--color-blue-3);
     border-color: var(--color-blue-3);
   }
-`,DateSelector=styled.styled.div`
+`,g=r.styled.div`
   transform: translateY(26px);
   position: absolute;
   z-index: 5;
   background-color: #ffffff;
   border-radius: 25px;
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
-`,InnerWrapper=styled.styled.div`
+`,x=r.styled.div`
   display: flex;
   gap: 20px;
   padding: 18px;
@@ -59,7 +59,7 @@
     transform: rotate(45deg);
     box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.1);
   }
-`,Left=styled.styled.div`
+`,h=r.styled.div`
   display: flex;
   flex-flow: column nowrap;
   gap: 24px;
@@ -86,13 +86,13 @@
       }
     }
   }
-`,MonthBar=styled.styled.div`
+`,b=r.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 18px;
   user-select: none;
-`,Arrow=styled.styled.button`
+`,y=r.styled.button`
   appearance: none;
   border: none;
   outline: none;
@@ -115,7 +115,7 @@
       fill: #ffffff;
     }
   }
-`,WeekdayWrapper=styled.styled.div`
+`,m=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
@@ -129,20 +129,20 @@
     justify-content: center;
     align-items: center;
   }
-`,Calendar=styled.styled.div`
+`,v=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin: 16px 0px 5px 0;
   user-select: none;
   width: 100%;
-`,Week=styled.styled.div`
+`,D=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
   border-radius: 24px;
   width: 100%;
-`,Day=styled.styled.button`
+`,w=r.styled.button`
   outline: none;
   border: none;
   background: transparent;
@@ -311,4 +311,4 @@
       }
     }
   }
-`;exports.DatePicker=DatePicker;
+`;exports.DatePicker=({endDate:e,label:r,onSelect:c,startDate:j})=>{const S=new Date;S.setHours(0),S.setMinutes(0),S.setSeconds(0),S.setMilliseconds(0);const k=new Date(S);k.setDate(1);const M=k.getMonth()+1,$=k.getFullYear(),q=!e,z=p.default.useRef(null),[F,A]=p.default.useState(!1),[C,T]=p.default.useState(()=>e?.toDateString()??j.toDateString()),[Y,B]=p.default.useState(()=>j.toDateString()),[L,E]=p.default.useState(()=>e?.toDateString()??j.toDateString()),[P,O]=p.default.useState(!0);p.default.useEffect(()=>{B(j.toDateString())},[j]),p.default.useEffect(()=>{E((e??new Date)?.toDateString())},[e]),p.default.useEffect(()=>{if(!q&&new Date(Y).getTime()>new Date(L).getTime()){const t=Y;B(L),E(t)}},[L,Y]);const R=({type:t,value:e})=>{"start"===t?B(e.toDateString()):E(e.toDateString())},_=t=>{!q&&O(t=>!t);const e=t.target,r=P?"start":"end",o=e.getAttribute("data-day"),a=e.getAttribute("data-month"),n=e.getAttribute("data-year");R({type:r,value:new Date(`${a}-${o}-${n}`)}),q?(c({type:"start",value:new Date(`${a}-${o}-${n}`)}),requestAnimationFrame(()=>{A(!1)})):P||(c({type:"start",value:new Date(Y)}),c({type:"end",value:new Date(`${a}-${o}-${n}`)}),O(!0),requestAnimationFrame(()=>{A(!1)}))},H=d.buildCalendar(new Date(C).getMonth()+1,new Date(C).getFullYear()),N=new Date(Y).getTime(),U=new Date(L).getTime(),W=new Date(C),I=new Date(W);I.setDate(1);const K=new Date(W);return K.setDate(d.getMonthDays(W.getMonth()+1)),t.jsxs(u,{onBlurCapture:t=>{z?.current&&!z?.current?.contains(t.relatedTarget)&&A(!1)},ref:z,tabIndex:0,children:[t.jsxs(f,{onClick:()=>A(t=>!t),children:[r&&t.jsxs(t.Fragment,{children:[r," | "]}),t.jsx("span",{children:j.toLocaleDateString("en-US").replaceAll("/","-")}),!!e&&j.toDateString()!==e?.toDateString()&&t.jsx(s.ArrowRight,{sx:"padding: 0px 8px; margin-bottom: -2px;"}),j.toDateString()!==e?.toDateString()&&t.jsx("span",{children:e?.toLocaleDateString("en-US").replaceAll("/","-")})]}),F&&t.jsx(g,{children:t.jsxs(x,{children:[!!e&&t.jsxs(h,{children:[t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{R({type:"start",value:S}),R({type:"end",value:S}),T(S.toDateString()),O(!0),c({type:"start",value:S}),q||c({type:"end",value:S}),requestAnimationFrame(()=>{A(!1)})},children:"Today"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(S.getFullYear(),S.getMonth(),S.getDate()-1);R({type:"start",value:t}),R({type:"end",value:t}),T(S.toDateString()),O(!0),c({type:"start",value:t}),q||c({type:"end",value:t}),requestAnimationFrame(()=>{A(!1)})},children:"Yesterday"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(S.getFullYear(),S.getMonth(),S.getDate()-7);R({type:"start",value:t}),R({type:"end",value:S}),T(S.toDateString()),O(!0),c({type:"start",value:t}),q||c({type:"end",value:S}),requestAnimationFrame(()=>{A(!1)})},children:"Last 7 days"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(S);t.setMonth(M-2),R({type:"start",value:t}),R({type:"end",value:S}),T(S.toDateString()),O(!0),c({type:"start",value:t}),q||c({type:"end",value:S}),requestAnimationFrame(()=>{A(!1)})},children:"Last 30 days"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(k.getFullYear(),k.getMonth(),d.getMonthDays());R({type:"start",value:k}),R({type:"end",value:t}),T(S.toDateString()),O(!0),c({type:"start",value:k}),q||c({type:"end",value:t}),requestAnimationFrame(()=>{A(!1)})},children:"This month"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(k);t.setMonth(M-2);const e=new Date(t.getFullYear(),t.getMonth(),d.getMonthDays(t.getMonth()+1));R({type:"start",value:t}),R({type:"end",value:e}),T(t.toDateString()),O(!0),c({type:"start",value:t}),q||c({type:"end",value:e}),requestAnimationFrame(()=>{A(!1)})},children:"Last month"}),t.jsx(a.Button,{size:"small",type:"text",onClick:()=>{const t=new Date(S);t.setFullYear($-1),R({type:"start",value:t}),R({type:"end",value:S}),T(S.toDateString()),O(!0),c({type:"start",value:t}),q||c({type:"end",value:S}),requestAnimationFrame(()=>{A(!1)})},children:"Last Year"})]}),t.jsxs("div",{children:[t.jsxs(b,{children:[t.jsx(y,{onClick:()=>{T(t=>{const e=new Date(t);return e.setMonth(e.getMonth()-1),e.toDateString()})},children:t.jsx(l.ChevronLeft,{size:24})}),t.jsx(n.P,{children:`${Object.values(o.MONTHS)[Math.max(0,Math.min(new Date(C).getMonth(),11))]} ${new Date(C).getFullYear()}`}),t.jsx(y,{onClick:()=>{T(t=>{const e=new Date(t);return e.setMonth(e.getMonth()+1),e.toDateString()})},children:t.jsx(i.ChevronRight,{size:24})})]}),t.jsx(m,{children:Object.values(o.WEEKDAYS).map(e=>t.jsx(n.P,{children:e},e))}),t.jsx(v,{children:H.map((e,r)=>t.jsx(D,{children:e.map((e,r)=>{const o=e[1]!==d.zeroPad(new Date(C).getMonth()+1,2),a=new Date(`${e[1]}-${e[2]}-${e[0]}`),n=Math.abs(a.getTime()-S.getTime())<.5,l=a.toDateString(),i=l===Y,s=!q&&l===L,c=!q&&N<=a.getTime()&&a.getTime()<=U&&!i&&!s,p=I.toDateString()===l,u=K.toDateString()===l;return t.jsx(w,{className:`${n?"today":""}${o?" not-current":""}${i?" start-date":""}${s?" end-date":""}${c?" between":""}${p?" first-of-month":""}${u?" last-of-month":""}`.trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],onClick:_,children:`${e[2]}`.startsWith("0")?`${e[2]}`[1]:e[2]},"day-"+r.toString(36))})},"week-"+r.toString(36)))})]})]})})]})};

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

@@ -1,10 +1,10 @@
 "use client";
-"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:r,graphicAlignment:a="left",resetGraphic:l,label:o="",sx:n,triggerType:c,options:d,defaultValue:i="",closeOnChange:u=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:y,customerOptionWrapper:h,onReset:b,shouldReset:m=!1})=>{const[x,R]=React.useState([]),E=!!f,$=React.useRef(null);var C=React.useRef(null);const[k,w]=React.useState(!1),[P,S]=React.useState(()=>i||(E?[]:"")),[A,j]=React.useState("");React.useEffect(()=>{R(d)},[d]),React.useEffect(()=>{e&&w(!1)},[e]),React.useEffect(()=>{m&&(S(E?[]:""),w(!1),j(o),b?.())},[m,E,o,b]),React.useEffect(()=>{"outlined"===c&&void 0===i&&S(E?[x[0]?.value]:x[0]?.value)},[c,i]),React.useEffect(()=>{if(!k)if(!P||Array.isArray(P)&&0===P.length)j(o);else{const a=e=>{for(const r of e)if("string"!=typeof r){if(r.value===P||Array.isArray(P)&&P.includes(r.value))return r;if(r.children?.length){var t=a(r.children);if(t)return t}}};var e=a(x);"string"==typeof P?j(e?.label??o):Array.isArray(P)&&j(1<P.length?`${e?.label??o} +`+(P.length-1):e?.label??o)}},[P,x,k,o]);React.useEffect(()=>{k||R(d)},[k]);var q=[...x.map((a,e)=>{var t;return"string"==typeof a&&"break"===a?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+e}):React__default.default.createElement(filter_option.Option,{key:a.value,onClick:e=>{if(a.children?.length)R(a.children);else if(E){var t=e;t.stopPropagation();const r=t.target.getAttribute("data-value")??"";Array.isArray(P)&&P.includes(r)?S(e=>e.filter(e=>e!==r)):S(e=>[r,...e]),u&&!g&&w(!1),s&&s(t)}else(t=e).stopPropagation(),e=t.target.getAttribute("data-value")??"",P!==e?S(e):S(""),u&&!g&&w(!1),s&&s(t)},selected:(t=a.value,E?P.includes(t):t===P),checkbox:f,radio:!E&&"pill"===c&&_,showClose:void 0===p?0===e&&"pill"===c:p,onClose:()=>w(!1),...a})}),"pill"===c&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+d.length})],D=l&&("string"==typeof P?!!P:!!P.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:$,onBlurCapture:e=>{t&&$?.current&&!$?.current?.contains(e.relatedTarget)&&w(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:r,graphicAlignment:a,label:o,onClick:()=>{e||w(e=>!e)},onReset:l?e=>{e.stopPropagation(),v&&v(e),S(E?[]:""),w(!1)}:void 0,open:k,resetGraphic:D,type:c,value:A}),k&&React__default.default.createElement(Container,{ref:C},React__default.default.createElement(React__default.default.Fragment,null,h?h({children:q}):q,"pill"===c&&y&&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),S(E?[]:""),w(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),w(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("styled-components"),l=require("../../atoms/box/box.js"),n=require("../../actions/button/button.js"),t=require("../../atoms/typography/paragraph.js"),i=require("../../../icons/arrow/chevron_down.js"),a=require("../../../icons/arrow/chevron_up.js"),s=require("../../../icons/basic/close.js"),c=require("../../../common/styles.js"),d=require("./filter_option.js");function u(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var p=u(e),g=u(o);const x=({closeOnBlur:o=!0,disabled:t,graphic:i,graphicAlignment:a="left",resetGraphic:s,label:c="",sx:u,triggerType:g,options:x,defaultValue:b="",closeOnChange:v=!0,optionOnChange:j,optionShowClose:$,checkbox:m,isRadio:k,applyOnClick:C,resetOnClick:w,applyResetActions:A,customerOptionWrapper:S,onReset:q,shouldReset:P=!1})=>{const[R,B]=e.useState([]),D=!!m,O=e.useRef(null),E=e.useRef(null),[U,z]=e.useState(!1),[I,T]=e.useState(()=>b||(D?[]:"")),[F,G]=e.useState("");e.useEffect(()=>{B(x)},[x]),e.useEffect(()=>{t&&z(!1)},[t]),e.useEffect(()=>{P&&(T(D?[]:""),z(!1),G(c),q?.())},[P,D,c,q]),e.useEffect(()=>{"outlined"===g&&void 0===b&&T(D?[R[0]?.value]:R[0]?.value)},[g,b]),e.useEffect(()=>{if(U)return;if(!I||Array.isArray(I)&&0===I.length)return void G(c);const r=e=>{for(const o of e)if("string"!=typeof o){if(o.value===I||Array.isArray(I)&&I.includes(o.value))return o;if(o.children?.length){const e=r(o.children);if(e)return e}}},e=r(R);"string"==typeof I?G(e?.label??c):Array.isArray(I)&&G(I.length>1?`${e?.label??c} +${I.length-1}`:e?.label??c)},[I,R,U,c]);e.useEffect(()=>{U||B(x)},[U]);const _=p.default.useId(),N=[...R.map((e,o)=>{if("string"==typeof e&&"break"===e)return r.jsx(d.Spacer,{},`${_}-spacer-${o}`);return r.jsx(d.Option,{onClick:r=>{e.children?.length?B(e.children):D?(r=>{r.stopPropagation();const e=r.target.getAttribute("data-value")??"";Array.isArray(I)&&I.includes(e)?T(r=>r.filter(r=>r!==e)):T(r=>[e,...r]),v&&!C&&z(!1),j&&j(r)})(r):(r=>{r.stopPropagation();const e=r.target.getAttribute("data-value")??"";T(I!==e?e:""),v&&!C&&z(!1),j&&j(r)})(r)},selected:(l=e.value,D?I.includes(l):l===I),checkbox:m,radio:!D&&"pill"===g&&k,showClose:void 0===$?0===o&&"pill"===g:$,onClose:()=>z(!1),...e},e.value);var l}),"pill"===g&&r.jsx(d.Spacer,{},`spacer-${x.length}`)],H=s&&("string"==typeof I?!!I:!!I.length);return r.jsxs(f,{$sx:u,tabIndex:0,ref:O,onBlurCapture:r=>{o&&O?.current&&!O?.current?.contains(r.relatedTarget)&&z(!1)},children:[r.jsx(y,{disabled:t,graphic:i,graphicAlignment:a,label:c,onClick:()=>{t||z(r=>!r)},onReset:s?r=>{r.stopPropagation(),w&&w(r),T(D?[]:""),z(!1)}:void 0,open:U,resetGraphic:H,type:g,value:F}),U&&r.jsx(h,{ref:E,children:r.jsxs(r.Fragment,{children:[S?S({children:N}):N,"pill"===g&&A&&r.jsxs(l.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px",children:[r.jsx(n.Button,{onClick:r=>{w&&w(r),T(D?[]:""),z(!1)},size:"small",type:"text",children:"Reset"}),r.jsx(n.Button,{onClick:r=>{C&&C(r),z(!1)},size:"small",type:"primary",children:"Apply"})]})]})})]})},f=g.default.div`
   position: relative;
   display: block;
   outline: none;
-  ${({$sx:e})=>e||""}
-`,Container=styled__default.default.div`
+  ${({$sx:r})=>r||""}
+`,h=g.default.div`
   position: absolute;
   width: max-content;
   z-index: 100;
@@ -21,7 +21,7 @@
   & > div:last-of-type {
     border-radius: 0px 0px 8px 8px;
   }
-`,textProps={as:"span",$fontSize:14,$lineHeight:20,$sx:"white-space: nowrap; width: 100%;",$textClampLines:1},wrapperProps={$align:"center",$dir:"row",$gap:16},FilterTrigger=({disabled:e,graphic:t,graphicAlignment:r,label:a,onClick:l,resetGraphic:o,open:n,onReset:c,type:d,value:i})=>"pill"===d?React__default.default.createElement(Pill,{disabled:e,onClick:l,$labelIsDefault:i===a,...wrapperProps},"left"===r?t:null,React__default.default.createElement(paragraph.P,{...textProps},i),o?React__default.default.createElement(close.Close,{color:"blue-3",onClick:c}):null,"right"===r?t:null,!t&&!o&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))):"labeled"===d?React__default.default.createElement(Labeled,{disabled:e,onClick:l,...wrapperProps},React__default.default.createElement(paragraph.P,{...textProps},a),React__default.default.createElement(LabelSeparator,null),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$mediumBold:!0,...textProps},i),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"avatar"===d?React__default.default.createElement(Avatar,{$align:"center",$dir:"row",$gap:8,disabled:e,onClick:l},t,n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"text"===d?React__default.default.createElement(Text,{disabled:e,onClick:l,...wrapperProps},React__default.default.createElement(paragraph.P,{$color:"grey-4",$semiBold:!0,...textProps},a,":"),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$semiBold:!0,className:"filter-trigger-value",...textProps},i),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):React__default.default.createElement(Outlined,{disabled:e,onClick:l,...wrapperProps},"left"===r?t:null,t,React__default.default.createElement(paragraph.P,{...textProps},i),"right"===r?t:null,!t&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),sharedStyles=((Filter.Trigger=FilterTrigger).displayName="Filter.Trigger",styled.css`
+`,b={as:"span",$fontSize:14,$lineHeight:20,$sx:"white-space: nowrap; width: 100%;",$textClampLines:1},v={$align:"center",$dir:"row",$gap:16},y=({disabled:e,graphic:o,graphicAlignment:l,label:n,onClick:c,resetGraphic:d,open:u,onReset:p,type:g,value:x})=>"pill"===g?r.jsxs(m,{disabled:e,onClick:c,$labelIsDefault:x===n,...v,children:["left"===l?o:null,r.jsx(t.P,{...b,children:x}),d?r.jsx(s.Close,{color:"blue-3",onClick:p}):null,"right"===l?o:null,!o&&!d&&(u?r.jsx(a.ChevronUp,{}):r.jsx(i.ChevronDown,{}))]}):"labeled"===g?r.jsxs(k,{disabled:e,onClick:c,...v,children:[r.jsx(t.P,{...b,children:n}),r.jsx(C,{}),r.jsx(t.P,{$color:"primary-blue-2",$mediumBold:!0,...b,children:x}),u?r.jsx(a.ChevronUp,{}):r.jsx(i.ChevronDown,{})]}):"avatar"===g?r.jsxs(w,{$align:"center",$dir:"row",$gap:8,disabled:e,onClick:c,children:[o,u?r.jsx(a.ChevronUp,{}):r.jsx(i.ChevronDown,{})]}):"text"===g?r.jsxs(A,{disabled:e,onClick:c,...v,children:[r.jsxs(t.P,{$color:"grey-4",$semiBold:!0,...b,children:[n,":"]}),r.jsx(t.P,{$color:"primary-blue-2",$semiBold:!0,className:"filter-trigger-value",...b,children:x}),u?r.jsx(a.ChevronUp,{}):r.jsx(i.ChevronDown,{})]}):r.jsxs($,{disabled:e,onClick:c,...v,children:["left"===l?o:null,o,r.jsx(t.P,{...b,children:x}),"right"===l?o:null,!o&&(u?r.jsx(a.ChevronUp,{}):r.jsx(i.ChevronDown,{}))]});x.Trigger=y,y.displayName="Filter.Trigger";const j=o.css`
   display: flex;
   padding: 10px 16px;
   border: none;
@@ -40,9 +40,9 @@
       fill: var(--color-grey-7);
     }
   }
-`),Outlined=styled__default.default.button`
-  ${sharedStyles}
-  ${styles.Styles.flex}
+`,$=g.default.button`
+  ${j}
+  ${c.Styles.flex}
   border: 1px solid var(--color-grey-8);
   border-radius: 8px;
   background-color: var(--color-white);
@@ -51,31 +51,17 @@
   &:hover {
     background-color: var(--color-grey-9);
   }
-`,Pill=styled__default.default.button`
-  ${sharedStyles}
-  ${styles.Styles.flex}
+`,m=g.default.button`
+  ${j}
+  ${c.Styles.flex}
   border: 1px solid var(--color-grey-8);
   border-radius: 24px;
   background-color: var(--color-white);
   font-family: var(--font-inter);
-  ${({$labelIsDefault:e})=>e?"":`
-      & > * {
-        color: var(--color-primary-blue-2);
-        fill: currentColor;
-
-        &:hover {
-          color: var(--color-primary-blue-1);
-          background-color: var(--color-primary-blue-4);
-        }
-      }
-
-      &:hover {
-        background-color: var(--color-primary-blue-4);
-      }
-    `}
-`,Labeled=styled__default.default.button`
-  ${sharedStyles}
-  ${styles.Styles.flex}
+  ${({$labelIsDefault:r})=>r?"":"\n      & > * {\n        color: var(--color-primary-blue-2);\n        fill: currentColor;\n\n        &:hover {\n          color: var(--color-primary-blue-1);\n          background-color: var(--color-primary-blue-4);\n        }\n      }\n\n      &:hover {\n        background-color: var(--color-primary-blue-4);\n      }\n    "}
+`,k=g.default.button`
+  ${j}
+  ${c.Styles.flex}
   border-radius: 24px;
   border: 1px solid var(--color-grey-8);
   background-color: var(--color-white);
@@ -84,13 +70,13 @@
   &:hover {
     background-color: var(--color-grey-9);
   }
-`,LabelSeparator=styled__default.default.div`
+`,C=g.default.div`
   width: 1px;
   height: 20px;
   background-color: var(--color-grey-8);
-`,Avatar=styled__default.default.button`
-  ${sharedStyles}
-  ${styles.Styles.flex}
+`,w=g.default.button`
+  ${j}
+  ${c.Styles.flex}
   padding: 4px 16px;
   border-radius: 32px;
   font-family: var(--font-inter);
@@ -108,9 +94,9 @@
       opacity: 0.5;
     }
   }
-`,Text=styled__default.default.button`
-  ${sharedStyles}
-  ${styles.Styles.flex}
+`,A=g.default.button`
+  ${j}
+  ${c.Styles.flex}
   gap: 8px;
   background-color: transparent;
   border-radius: 32px;
@@ -129,4 +115,4 @@
     background-color: transparent;
     border: 1px solid transparent;
   }
-`;exports.Filter=Filter;
+`;exports.Filter=x;

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

@@ -1,5 +1,5 @@
 "use client";
-"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`
+"use strict";var e=require("react/jsx-runtime"),o=require("styled-components"),r=require("../../atoms/box/box.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../checkbox/checkbox.js"),i=require("../radio/radio.js"),a=require("../../../icons/basic/close.js");const c=({label:o,sublabel:c,onClick:t,selected:d,sx:x,value:p,checkbox:h,radio:u=!1,showClose:g=!1,onClose:$})=>e.jsxs(l,{"data-value":p,onClick:t,$selected:d,$sx:x,$hasCheckbox:!!h,children:[h&&e.jsx(s.Checkbox,{selected:d}),u&&e.jsx(i.Radio,{checked:d,value:p}),e.jsxs(r.Box,{$dir:"column",$display:"flex",children:[o&&e.jsx(n.P,{$color:"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:o}),c&&e.jsx(n.P,{$color:"grey-5",$fontSize:12,$lineHeight:20,$mediumBold:!0,$textClampLines:1,children:c})]}),g&&e.jsx(a.Close,{sx:"margin-left: auto; pointer-events: auto !important;",size:16,onClick:e=>{e.stopPropagation(),$&&$()}})]});c.displayName="Filter.Option";const l=o.styled.div`
   position: relative;
   z-index: 1;
   padding: 12px 16px;
@@ -13,23 +13,9 @@
     pointer-events: none;
   }
 
-  ${({$selected:e,$hasCheckbox:a})=>e?`
-      background-color: var(--color-grey-9);
-      &:active {
-        background-color: var(--color-grey-8);
-      }`:a?`&:hover {
-        background-color: var(--color-grey-10);
-      }`:`
-    &:hover {
-      background-color: var(--color-grey-10);
-    }
-
-    &:active {
-      background-color: var(--color-grey-8);
-    }
-    `}
+  ${({$selected:e,$hasCheckbox:o})=>e?"\n      background-color: var(--color-grey-9);\n      &:active {\n        background-color: var(--color-grey-8);\n      }":o?"&:hover {\n        background-color: var(--color-grey-10);\n      }":"\n    &:hover {\n      background-color: var(--color-grey-10);\n    }\n\n    &:active {\n      background-color: var(--color-grey-8);\n    }\n    "}
   ${({$sx:e})=>e||""}
-`),Spacer=({sx:e})=>React__default.default.createElement(SpacerWrapper,{$sx:e}),SpacerWrapper=(Spacer.displayName="Filter.Spacer",styled.styled.div`
+`,t=({sx:o})=>e.jsx(d,{$sx:o});t.displayName="Filter.Spacer";const d=o.styled.div`
   width: 100%;
   height: 1px;
   background-color: var(--color-grey-8);
@@ -38,4 +24,4 @@
     appearance: none;
   }
   ${({$sx:e})=>e||""}
-`);exports.Option=Option,exports.Spacer=Spacer;
+`;exports.Option=c,exports.Spacer=t;

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

@@ -1,23 +1,14 @@
 "use client";
-"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`
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("styled-components"),a=require("../../atoms/box/box.js"),i=require("../../atoms/typography/paragraph.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r);const t=({checked:r=!1,disabled:o,label:a,onClick:l,reversed:n,sx:t,value:c,...p})=>e.jsxs(d,{$disabled:o,$reversed:n,$sx:t,onClick:e=>{e.stopPropagation(),e.preventDefault(),l&&l(e)},children:[e.jsx(s,{checked:r,onClickCapture:e=>{e.stopPropagation(),l&&l(e)},disabled:o,type:"radio",value:c,...p}),e.jsx(i.P,{as:"span",children:a})]}),d=o.styled.label`
   display: flex;
   align-items: center;
   gap: 8px;
   user-select: none;
 
-  ${({$disabled:e})=>e?`
-    & > * {
-      color: var(--color-grey-7);
-    }`:`
-    cursor: pointer;
-    &:hover {
-      input {
-        border-color: var(--color-primary-blue-2);
-      }
-    }`}
+  ${({$disabled:e})=>e?"\n    & > * {\n      color: var(--color-grey-7);\n    }":"\n    cursor: pointer;\n    &:hover {\n      input {\n        border-color: var(--color-primary-blue-2);\n      }\n    }"}
   flex-direction: ${({$reversed:e})=>e?"row-reverse":"row"};
   ${({$sx:e})=>e||""}
-`,Input=styled.styled.input`
+`,s=o.styled.input`
   appearance: none;
   position: relative;
   height: 20px;
@@ -51,4 +42,4 @@
       }
     }
   }
-`,RadioGroup=({children:e,name:r,...a})=>React__default.default.createElement(box.Box,{...a},React__default.default.Children.map(e,e=>{if(React__default.default.isValidElement(e))return React__default.default.createElement(Radio,{key:e.key,name:r,...e.props})}));(Radio.Group=RadioGroup).displayName="Radio.Group",exports.Radio=Radio;
+`,c=({children:r,name:o,...i})=>e.jsx(a.Box,{...i,children:n.default.Children.map(r,r=>{if(n.default.isValidElement(r))return e.jsx(t,{name:o,...r.props},r.key)})});t.Group=c,c.displayName="Radio.Group",exports.Radio=t;

package/dist/components/input/responsive-text_area/responsive_text_area.js

@@ -1,11 +1,11 @@
-"use strict";var box=require("../../atoms/box/box.js"),React=require("react"),styled=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js"),require("../../atoms/typography/typography.js"),require("styled-components"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const ResponsiveTextArea=React.forwardRef(function({bg:e="var(--color-blue-10)",minWidth:t="400px",value:r,onChange:a,maxCharacters:o=5e3,placeholder:l="Write a comment...",isSuccessful:i,actionComponent:n,icon:d,hasWarning:p,wrapperStyles:u,inputStyles:c,onLimitExceeded:s,limitExceededModal:x,...g},f){const h=React__default.default.useCallback(e=>{e.style.height="50px",e.style.height=Math.max(e.scrollHeight,e.offsetHeight)+"px"},[]);return React__default.default.useLayoutEffect(()=>{f&&"current"in f&&f.current&&r&&h(f.current)},[]),React__default.default.createElement(InputWrapper,{$minWidth:t,$bg:e,$sx:u,$warning:p},React__default.default.createElement(TextAreaWrapper,null,React__default.default.createElement(StyledTextArea,{...g,ref:f,placeholder:l,value:r?.slice(0,o),onChange:e=>{e.target.value.length>=o?s?.():a?.(e)},onInput:e=>{h(e.target)},$inputSx:c,$successful:i,$warning:p}),React__default.default.createElement(ActionWrapper,null,React__default.default.createElement(box.Box,{$align:"center",$justify:"center",sx:"height: 100%; "},n))),x)}),ActionWrapper=styled__default.default.div`
+"use strict";var e=require("react/jsx-runtime"),r=require("../../atoms/box/box.js"),t=require("react"),o=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),a=i(o);const l=t.forwardRef(function({bg:t="var(--color-blue-10)",minWidth:o="400px",value:i,onChange:a,maxCharacters:l=5e3,placeholder:u="Write a comment...",isSuccessful:p,actionComponent:g,icon:h,hasWarning:b,wrapperStyles:f,inputStyles:m,onLimitExceeded:v,limitExceededModal:$,...y},w){const k=n.default.useCallback(e=>{e.style.height="50px",e.style.height=`${Math.max(e.scrollHeight,e.offsetHeight)}px`},[]);return n.default.useLayoutEffect(()=>{w&&"current"in w&&w.current&&i&&k(w.current)},[]),e.jsxs(c,{$minWidth:o,$bg:t,$sx:f,$warning:b,children:[e.jsxs(s,{children:[e.jsx(x,{...y,ref:w,placeholder:u,value:i?.slice(0,l),onChange:e=>{e.target.value.length>=l?v?.():a?.(e)},onInput:e=>{k(e.target)},$inputSx:m,$successful:p,$warning:b}),e.jsx(d,{children:e.jsx(r.Box,{$align:"center",$justify:"center",sx:"height: 100%; ",children:g})})]}),$]})}),d=a.default.div`
   position: absolute;
   bottom: 0%;
   right: 16px;
   background: transparent;
   z-index: 2;
   height: 100%;
-`,InputWrapper=styled__default.default.div`
+`,c=a.default.div`
   display: flex;
   flex-direction: column;
   min-width: ${({$minWidth:e})=>e};
@@ -32,12 +32,12 @@
   @media screen and (max-width: 500px) {
     min-width: unset;
   }
-`,TextAreaWrapper=styled__default.default.div`
+`,s=a.default.div`
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-`,StyledTextArea=styled__default.default.textarea`
+`,x=a.default.textarea`
   width: 100%;
   padding: 12px 40px 12px 0px;
   font-family: var(--font-inter);
@@ -74,4 +74,4 @@
     border-radius: 3px;
     margin-right: 45px;
   }
-`;exports.ResponsiveTextArea=ResponsiveTextArea;
+`;exports.ResponsiveTextArea=l;