@plexui/ui 0.2.0

package/dist/es/components/Icon/svg/Writing.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Writing = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M16.2195 2.80528C15.3116 1.89731 13.9264 1.66787 12.7742 2.23458L6.47508 5.33271C5.59064 5.76771 4.9763 6.60939 4.83161 7.58434L3.01084 19.8534C2.96432 20.1669 3.06917 20.4839 3.29346 20.7079C3.51775 20.9318 3.83492 21.0362 4.14836 20.9892L16.4044 19.1507C17.3747 19.0051 18.2126 18.3943 18.6479 17.5149L21.7594 11.2303C22.3304 10.077 22.1022 8.68792 21.1922 7.77791L16.2195 2.80528ZM13.6569 4.02926C14.0409 3.84035 14.5027 3.91683 14.8053 4.21949L19.7779 9.19212C20.0813 9.49546 20.1574 9.95847 19.967 10.3429L16.8556 16.6276C16.7104 16.9207 16.4312 17.1243 16.1077 17.1728L6.83163 18.5643L11.7789 13.617C12.676 13.9686 13.7353 13.7819 14.4602 13.057C15.4365 12.0807 15.4365 10.4978 14.4602 9.52147C13.4839 8.54516 11.901 8.54516 10.9247 9.52147C10.1998 10.2464 10.0131 11.3057 10.3647 12.2028L5.43681 17.1307L6.80994 7.87793C6.85817 7.55295 7.06295 7.27239 7.35777 7.12739L13.6569 4.02926Z", fill: "currentColor" }) }));
+export default Writing;
+//# sourceMappingURL=Writing.js.map

package/dist/es/components/Icon/svg/Writing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Writing.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/Writing.tsx"],"names":[],"mappings":";AACA,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClD,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,63BAA63B,EAC/3B,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,OAAO,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst Writing = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M16.2195 2.80528C15.3116 1.89731 13.9264 1.66787 12.7742 2.23458L6.47508 5.33271C5.59064 5.76771 4.9763 6.60939 4.83161 7.58434L3.01084 19.8534C2.96432 20.1669 3.06917 20.4839 3.29346 20.7079C3.51775 20.9318 3.83492 21.0362 4.14836 20.9892L16.4044 19.1507C17.3747 19.0051 18.2126 18.3943 18.6479 17.5149L21.7594 11.2303C22.3304 10.077 22.1022 8.68792 21.1922 7.77791L16.2195 2.80528ZM13.6569 4.02926C14.0409 3.84035 14.5027 3.91683 14.8053 4.21949L19.7779 9.19212C20.0813 9.49546 20.1574 9.95847 19.967 10.3429L16.8556 16.6276C16.7104 16.9207 16.4312 17.1243 16.1077 17.1728L6.83163 18.5643L11.7789 13.617C12.676 13.9686 13.7353 13.7819 14.4602 13.057C15.4365 12.0807 15.4365 10.4978 14.4602 9.52147C13.4839 8.54516 11.901 8.54516 10.9247 9.52147C10.1998 10.2464 10.0131 11.3057 10.3647 12.2028L5.43681 17.1307L6.80994 7.87793C6.85817 7.55295 7.06295 7.27239 7.35777 7.12739L13.6569 4.02926Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default Writing\n"]}

package/dist/es/components/Icon/svg/X.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const X = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M5.63615 5.63603C6.02668 5.24551 6.65984 5.24551 7.05037 5.63603L12.0001 10.5858L16.9499 5.63603C17.3404 5.24551 17.9736 5.24551 18.3641 5.63603C18.7546 6.02656 18.7546 6.65972 18.3641 7.05025L13.4143 12L18.3641 16.9497C18.7546 17.3403 18.7546 17.9734 18.3641 18.364C17.9736 18.7545 17.3404 18.7545 16.9499 18.364L12.0001 13.4142L7.05037 18.364C6.65984 18.7545 6.02668 18.7545 5.63615 18.364C5.24563 17.9734 5.24563 17.3403 5.63615 16.9497L10.5859 12L5.63615 7.05025C5.24563 6.65972 5.24563 6.02656 5.63615 5.63603Z", fill: "currentColor" }) }));
+export default X;
+//# sourceMappingURL=X.js.map

package/dist/es/components/Icon/svg/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/X.tsx"],"names":[],"mappings":";AACA,MAAM,CAAC,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC5C,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,CAAC,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst X = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M5.63615 5.63603C6.02668 5.24551 6.65984 5.24551 7.05037 5.63603L12.0001 10.5858L16.9499 5.63603C17.3404 5.24551 17.9736 5.24551 18.3641 5.63603C18.7546 6.02656 18.7546 6.65972 18.3641 7.05025L13.4143 12L18.3641 16.9497C18.7546 17.3403 18.7546 17.9734 18.3641 18.364C17.9736 18.7545 17.3404 18.7545 16.9499 18.364L12.0001 13.4142L7.05037 18.364C6.65984 18.7545 6.02668 18.7545 5.63615 18.364C5.24563 17.9734 5.24563 17.3403 5.63615 16.9497L10.5859 12L5.63615 7.05025C5.24563 6.65972 5.24563 6.02656 5.63615 5.63603Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default X\n"]}

package/dist/es/components/Icon/svg/XCircle.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const XCircle = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [_jsx("path", { d: "M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }), _jsx("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z", fill: "currentColor" })] }));
+export default XCircle;
+//# sourceMappingURL=XCircle.js.map

package/dist/es/components/Icon/svg/XCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircle.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircle.tsx"],"names":[],"mappings":";AACA,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aAC7E,eACE,CAAC,EAAC,+fAA+f,EACjgB,IAAI,EAAC,cAAc,GACnB,EACF,eACE,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACD,eAAe,OAAO,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XCircle = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XCircle\n"]}

package/dist/es/components/Icon/svg/XCircleFilled.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const XCircleFilled = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289Z", fill: "currentColor" }) }));
+export default XCircleFilled;
+//# sourceMappingURL=XCircleFilled.js.map

package/dist/es/components/Icon/svg/XCircleFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleFilled.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,+mBAA+mB,EACjnB,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,aAAa,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XCircleFilled = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XCircleFilled\n"]}

package/dist/es/components/Icon/svg/XCircleSm.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const XCircleSm = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: [_jsx("path", { d: "M10.2071 8.79304C10.0185 8.61088 9.76588 8.51009 9.50368 8.51237C9.24149 8.51465 8.99067 8.61981 8.80527 8.80522C8.61986 8.99063 8.51469 9.24144 8.51241 9.50364C8.51013 9.76584 8.61093 10.0184 8.79309 10.207L10.5861 12L8.79309 13.793C8.69758 13.8853 8.62139 13.9956 8.56898 14.1176C8.51657 14.2396 8.48899 14.3709 8.48783 14.5036C8.48668 14.6364 8.51198 14.7681 8.56226 14.891C8.61254 15.0139 8.6868 15.1255 8.78069 15.2194C8.87458 15.3133 8.98624 15.3876 9.10913 15.4379C9.23203 15.4881 9.36371 15.5134 9.49649 15.5123C9.62927 15.5111 9.76049 15.4836 9.88249 15.4311C10.0045 15.3787 10.1149 15.3026 10.2071 15.207L12.0001 13.414L13.7931 15.207C13.9817 15.3892 14.2343 15.49 14.4965 15.4877C14.7587 15.4854 15.0095 15.3803 15.1949 15.1949C15.3803 15.0095 15.4855 14.7586 15.4878 14.4964C15.4901 14.2342 15.3893 13.9816 15.2071 13.793L13.4141 12L15.2071 10.207C15.3893 10.0184 15.4901 9.76584 15.4878 9.50364C15.4855 9.24144 15.3803 8.99063 15.1949 8.80522C15.0095 8.61981 14.7587 8.51465 14.4965 8.51237C14.2343 8.51009 13.9817 8.61088 13.7931 8.79304L12.0001 10.586L10.2071 8.79304Z", fill: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12Z", fill: "currentColor" })] }));
+export default XCircleSm;
+//# sourceMappingURL=XCircleSm.js.map

package/dist/es/components/Icon/svg/XCircleSm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleSm.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleSm.tsx"],"names":[],"mappings":";AACA,MAAM,SAAS,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACpD,eAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aAC7E,eACE,CAAC,EAAC,6jCAA6jC,EAC/jC,IAAI,EAAC,cAAc,GACnB,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sZAAsZ,EACxZ,IAAI,EAAC,cAAc,GACnB,IACE,CACP,CAAA;AACD,eAAe,SAAS,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XCircleSm = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M10.2071 8.79304C10.0185 8.61088 9.76588 8.51009 9.50368 8.51237C9.24149 8.51465 8.99067 8.61981 8.80527 8.80522C8.61986 8.99063 8.51469 9.24144 8.51241 9.50364C8.51013 9.76584 8.61093 10.0184 8.79309 10.207L10.5861 12L8.79309 13.793C8.69758 13.8853 8.62139 13.9956 8.56898 14.1176C8.51657 14.2396 8.48899 14.3709 8.48783 14.5036C8.48668 14.6364 8.51198 14.7681 8.56226 14.891C8.61254 15.0139 8.6868 15.1255 8.78069 15.2194C8.87458 15.3133 8.98624 15.3876 9.10913 15.4379C9.23203 15.4881 9.36371 15.5134 9.49649 15.5123C9.62927 15.5111 9.76049 15.4836 9.88249 15.4311C10.0045 15.3787 10.1149 15.3026 10.2071 15.207L12.0001 13.414L13.7931 15.207C13.9817 15.3892 14.2343 15.49 14.4965 15.4877C14.7587 15.4854 15.0095 15.3803 15.1949 15.1949C15.3803 15.0095 15.4855 14.7586 15.4878 14.4964C15.4901 14.2342 15.3893 13.9816 15.2071 13.793L13.4141 12L15.2071 10.207C15.3893 10.0184 15.4901 9.76584 15.4878 9.50364C15.4855 9.24144 15.3803 8.99063 15.1949 8.80522C15.0095 8.61981 14.7587 8.51465 14.4965 8.51237C14.2343 8.51009 13.9817 8.61088 13.7931 8.79304L12.0001 10.586L10.2071 8.79304Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XCircleSm\n"]}

package/dist/es/components/Icon/svg/XCircleSmFilled.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const XCircleSmFilled = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM10.207 8.793C10.0184 8.61084 9.7658 8.51005 9.5036 8.51233C9.2414 8.5146 8.99059 8.61977 8.80518 8.80518C8.61977 8.99059 8.5146 9.2414 8.51233 9.5036C8.51005 9.7658 8.61084 10.0184 8.793 10.207L10.586 12L8.793 13.793C8.69749 13.8852 8.62131 13.9956 8.5689 14.1176C8.51649 14.2396 8.4889 14.3708 8.48775 14.5036C8.4866 14.6364 8.5119 14.7681 8.56218 14.891C8.61246 15.0139 8.68671 15.1255 8.78061 15.2194C8.8745 15.3133 8.98615 15.3875 9.10905 15.4378C9.23194 15.4881 9.36362 15.5134 9.4964 15.5123C9.62918 15.5111 9.7604 15.4835 9.8824 15.4311C10.0044 15.3787 10.1148 15.3025 10.207 15.207L12 13.414L13.793 15.207C13.9816 15.3892 14.2342 15.49 14.4964 15.4877C14.7586 15.4854 15.0094 15.3802 15.1948 15.1948C15.3802 15.0094 15.4854 14.7586 15.4877 14.4964C15.49 14.2342 15.3892 13.9816 15.207 13.793L13.414 12L15.207 10.207C15.3892 10.0184 15.49 9.7658 15.4877 9.5036C15.4854 9.2414 15.3802 8.99059 15.1948 8.80518C15.0094 8.61977 14.7586 8.5146 14.4964 8.51233C14.2342 8.51005 13.9816 8.61084 13.793 8.793L12 10.586L10.207 8.793Z", fill: "currentColor" }) }));
+export default XCircleSmFilled;
+//# sourceMappingURL=XCircleSmFilled.js.map

package/dist/es/components/Icon/svg/XCircleSmFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XCircleSmFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XCircleSmFilled.tsx"],"names":[],"mappings":";AACA,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC1D,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,6mCAA6mC,EAC/mC,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,eAAe,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XCircleSmFilled = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM10.207 8.793C10.0184 8.61084 9.7658 8.51005 9.5036 8.51233C9.2414 8.5146 8.99059 8.61977 8.80518 8.80518C8.61977 8.99059 8.5146 9.2414 8.51233 9.5036C8.51005 9.7658 8.61084 10.0184 8.793 10.207L10.586 12L8.793 13.793C8.69749 13.8852 8.62131 13.9956 8.5689 14.1176C8.51649 14.2396 8.4889 14.3708 8.48775 14.5036C8.4866 14.6364 8.5119 14.7681 8.56218 14.891C8.61246 15.0139 8.68671 15.1255 8.78061 15.2194C8.8745 15.3133 8.98615 15.3875 9.10905 15.4378C9.23194 15.4881 9.36362 15.5134 9.4964 15.5123C9.62918 15.5111 9.7604 15.4835 9.8824 15.4311C10.0044 15.3787 10.1148 15.3025 10.207 15.207L12 13.414L13.793 15.207C13.9816 15.3892 14.2342 15.49 14.4964 15.4877C14.7586 15.4854 15.0094 15.3802 15.1948 15.1948C15.3802 15.0094 15.4854 14.7586 15.4877 14.4964C15.49 14.2342 15.3892 13.9816 15.207 13.793L13.414 12L15.207 10.207C15.3892 10.0184 15.49 9.7658 15.4877 9.5036C15.4854 9.2414 15.3802 8.99059 15.1948 8.80518C15.0094 8.61977 14.7586 8.5146 14.4964 8.51233C14.2342 8.51005 13.9816 8.61084 13.793 8.793L12 10.586L10.207 8.793Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XCircleSmFilled\n"]}

package/dist/es/components/Icon/svg/XSquare.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const XSquare = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M9.85719 2.5H14.1428C15.2266 2.49999 16.1007 2.49998 16.8086 2.55782C17.5375 2.61737 18.1777 2.74318 18.77 3.04497C19.7108 3.52433 20.4757 4.28924 20.955 5.23005C21.2568 5.82234 21.3826 6.46253 21.4422 7.19138C21.5 7.89925 21.5 8.77339 21.5 9.85717V14.1428C21.5 15.2266 21.5 16.1008 21.4422 16.8086C21.3826 17.5375 21.2568 18.1777 20.955 18.77C20.4757 19.7108 19.7108 20.4757 18.77 20.955C18.1777 21.2568 17.5375 21.3826 16.8086 21.4422C16.1008 21.5 15.2266 21.5 14.1428 21.5H9.85717C8.77339 21.5 7.89925 21.5 7.19138 21.4422C6.46253 21.3826 5.82234 21.2568 5.23005 20.955C4.28924 20.4757 3.52433 19.7108 3.04497 18.77C2.74318 18.1777 2.61737 17.5375 2.55782 16.8086C2.49998 16.1007 2.49999 15.2266 2.5 14.1428V9.85719C2.49999 8.77341 2.49998 7.89926 2.55782 7.19138C2.61737 6.46253 2.74318 5.82234 3.04497 5.23005C3.52433 4.28924 4.28924 3.52433 5.23005 3.04497C5.82234 2.74318 6.46253 2.61737 7.19138 2.55782C7.89926 2.49998 8.77341 2.49999 9.85719 2.5ZM7.35424 4.55118C6.74907 4.60062 6.40138 4.69279 6.13803 4.82698C5.57354 5.1146 5.1146 5.57354 4.82698 6.13803C4.69279 6.40138 4.60062 6.74907 4.55118 7.35424C4.50078 7.97108 4.5 8.76339 4.5 9.9V14.1C4.5 15.2366 4.50078 16.0289 4.55118 16.6458C4.60062 17.2509 4.69279 17.5986 4.82698 17.862C5.1146 18.4265 5.57354 18.8854 6.13803 19.173C6.40138 19.3072 6.74907 19.3994 7.35424 19.4488C7.97108 19.4992 8.76339 19.5 9.9 19.5H14.1C15.2366 19.5 16.0289 19.4992 16.6458 19.4488C17.2509 19.3994 17.5986 19.3072 17.862 19.173C18.4265 18.8854 18.8854 18.4265 19.173 17.862C19.3072 17.5986 19.3994 17.2509 19.4488 16.6458C19.4992 16.0289 19.5 15.2366 19.5 14.1V9.9C19.5 8.76339 19.4992 7.97108 19.4488 7.35424C19.3994 6.74907 19.3072 6.40138 19.173 6.13803C18.8854 5.57354 18.4265 5.1146 17.862 4.82698C17.5986 4.69279 17.2509 4.60062 16.6458 4.55118C16.0289 4.50078 15.2366 4.5 14.1 4.5H9.9C8.76339 4.5 7.97108 4.50078 7.35424 4.55118ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }) }));
+export default XSquare;
+//# sourceMappingURL=XSquare.js.map

package/dist/es/components/Icon/svg/XSquare.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XSquare.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XSquare.tsx"],"names":[],"mappings":";AACA,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAClD,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,y1EAAy1E,EAC31E,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,OAAO,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XSquare = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M9.85719 2.5H14.1428C15.2266 2.49999 16.1007 2.49998 16.8086 2.55782C17.5375 2.61737 18.1777 2.74318 18.77 3.04497C19.7108 3.52433 20.4757 4.28924 20.955 5.23005C21.2568 5.82234 21.3826 6.46253 21.4422 7.19138C21.5 7.89925 21.5 8.77339 21.5 9.85717V14.1428C21.5 15.2266 21.5 16.1008 21.4422 16.8086C21.3826 17.5375 21.2568 18.1777 20.955 18.77C20.4757 19.7108 19.7108 20.4757 18.77 20.955C18.1777 21.2568 17.5375 21.3826 16.8086 21.4422C16.1008 21.5 15.2266 21.5 14.1428 21.5H9.85717C8.77339 21.5 7.89925 21.5 7.19138 21.4422C6.46253 21.3826 5.82234 21.2568 5.23005 20.955C4.28924 20.4757 3.52433 19.7108 3.04497 18.77C2.74318 18.1777 2.61737 17.5375 2.55782 16.8086C2.49998 16.1007 2.49999 15.2266 2.5 14.1428V9.85719C2.49999 8.77341 2.49998 7.89926 2.55782 7.19138C2.61737 6.46253 2.74318 5.82234 3.04497 5.23005C3.52433 4.28924 4.28924 3.52433 5.23005 3.04497C5.82234 2.74318 6.46253 2.61737 7.19138 2.55782C7.89926 2.49998 8.77341 2.49999 9.85719 2.5ZM7.35424 4.55118C6.74907 4.60062 6.40138 4.69279 6.13803 4.82698C5.57354 5.1146 5.1146 5.57354 4.82698 6.13803C4.69279 6.40138 4.60062 6.74907 4.55118 7.35424C4.50078 7.97108 4.5 8.76339 4.5 9.9V14.1C4.5 15.2366 4.50078 16.0289 4.55118 16.6458C4.60062 17.2509 4.69279 17.5986 4.82698 17.862C5.1146 18.4265 5.57354 18.8854 6.13803 19.173C6.40138 19.3072 6.74907 19.3994 7.35424 19.4488C7.97108 19.4992 8.76339 19.5 9.9 19.5H14.1C15.2366 19.5 16.0289 19.4992 16.6458 19.4488C17.2509 19.3994 17.5986 19.3072 17.862 19.173C18.4265 18.8854 18.8854 18.4265 19.173 17.862C19.3072 17.5986 19.3994 17.2509 19.4488 16.6458C19.4992 16.0289 19.5 15.2366 19.5 14.1V9.9C19.5 8.76339 19.4992 7.97108 19.4488 7.35424C19.3994 6.74907 19.3072 6.40138 19.173 6.13803C18.8854 5.57354 18.4265 5.1146 17.862 4.82698C17.5986 4.69279 17.2509 4.60062 16.6458 4.55118C16.0289 4.50078 15.2366 4.5 14.1 4.5H9.9C8.76339 4.5 7.97108 4.50078 7.35424 4.55118ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XSquare\n"]}

package/dist/es/components/Icon/svg/XSquareFilled.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const XSquareFilled = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M14.1428 2.5H9.85719C8.77341 2.49999 7.89925 2.49998 7.19138 2.55782C6.46253 2.61737 5.82234 2.74318 5.23005 3.04497C4.28924 3.52434 3.52434 4.28924 3.04497 5.23005C2.74318 5.82234 2.61737 6.46253 2.55782 7.19138C2.49998 7.89925 2.49999 8.7734 2.5 9.85719V14.1428C2.49999 15.2266 2.49998 16.1007 2.55782 16.8086C2.61737 17.5375 2.74318 18.1777 3.04497 18.77C3.52434 19.7108 4.28924 20.4757 5.23005 20.955C5.82234 21.2568 6.46253 21.3826 7.19138 21.4422C7.89923 21.5 8.77334 21.5 9.85707 21.5H14.1428C15.2266 21.5 16.1008 21.5 16.8086 21.4422C17.5375 21.3826 18.1777 21.2568 18.77 20.955C19.7108 20.4757 20.4757 19.7108 20.955 18.77C21.2568 18.1777 21.3826 17.5375 21.4422 16.8086C21.5 16.1008 21.5 15.2267 21.5 14.1429V9.85717C21.5 8.77344 21.5 7.89923 21.4422 7.19138C21.3826 6.46253 21.2568 5.82234 20.955 5.23005C20.4757 4.28924 19.7108 3.52434 18.77 3.04497C18.1777 2.74318 17.5375 2.61737 16.8086 2.55782C16.1007 2.49998 15.2266 2.49999 14.1428 2.5ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z", fill: "currentColor" }) }));
+export default XSquareFilled;
+//# sourceMappingURL=XSquareFilled.js.map

package/dist/es/components/Icon/svg/XSquareFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XSquareFilled.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XSquareFilled.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,y7CAAy7C,EAC37C,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,aAAa,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XSquareFilled = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M14.1428 2.5H9.85719C8.77341 2.49999 7.89925 2.49998 7.19138 2.55782C6.46253 2.61737 5.82234 2.74318 5.23005 3.04497C4.28924 3.52434 3.52434 4.28924 3.04497 5.23005C2.74318 5.82234 2.61737 6.46253 2.55782 7.19138C2.49998 7.89925 2.49999 8.7734 2.5 9.85719V14.1428C2.49999 15.2266 2.49998 16.1007 2.55782 16.8086C2.61737 17.5375 2.74318 18.1777 3.04497 18.77C3.52434 19.7108 4.28924 20.4757 5.23005 20.955C5.82234 21.2568 6.46253 21.3826 7.19138 21.4422C7.89923 21.5 8.77334 21.5 9.85707 21.5H14.1428C15.2266 21.5 16.1008 21.5 16.8086 21.4422C17.5375 21.3826 18.1777 21.2568 18.77 20.955C19.7108 20.4757 20.4757 19.7108 20.955 18.77C21.2568 18.1777 21.3826 17.5375 21.4422 16.8086C21.5 16.1008 21.5 15.2267 21.5 14.1429V9.85717C21.5 8.77344 21.5 7.89923 21.4422 7.19138C21.3826 6.46253 21.2568 5.82234 20.955 5.23005C20.4757 4.28924 19.7108 3.52434 18.77 3.04497C18.1777 2.74318 17.5375 2.61737 16.8086 2.55782C16.1007 2.49998 15.2266 2.49999 14.1428 2.5ZM8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XSquareFilled\n"]}

package/dist/es/components/Icon/svg/XXs.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const XXs = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: _jsx("path", { d: "M7.29289 7.29289C7.68342 6.90237 8.31658 6.90237 8.70711 7.29289L12 10.5858L15.2929 7.29289C15.6834 6.90237 16.3166 6.90237 16.7071 7.29289C17.0976 7.68342 17.0976 8.31658 16.7071 8.70711L13.4142 12L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L10.5858 12L7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289Z", fill: "currentColor" }) }));
+export default XXs;
+//# sourceMappingURL=XXs.js.map

package/dist/es/components/Icon/svg/XXs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"XXs.js","sourceRoot":"","sources":["../../../../../src/components/Icon/svg/XXs.tsx"],"names":[],"mappings":";AACA,MAAM,GAAG,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC9C,cAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YAC7E,eACE,CAAC,EAAC,+fAA+f,EACjgB,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACD,eAAe,GAAG,CAAA","sourcesContent":["import type { SVGProps } from \"react\"\nconst XXs = (props: SVGProps<SVGSVGElement>) => (\n  <svg width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"currentColor\" {...props}>\n    <path\n      d=\"M7.29289 7.29289C7.68342 6.90237 8.31658 6.90237 8.70711 7.29289L12 10.5858L15.2929 7.29289C15.6834 6.90237 16.3166 6.90237 16.7071 7.29289C17.0976 7.68342 17.0976 8.31658 16.7071 8.70711L13.4142 12L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L12 13.4142L8.70711 16.7071C8.31658 17.0976 7.68342 17.0976 7.29289 16.7071C6.90237 16.3166 6.90237 15.6834 7.29289 15.2929L10.5858 12L7.29289 8.70711C6.90237 8.31658 6.90237 7.68342 7.29289 7.29289Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\nexport default XXs\n"]}

package/dist/es/components/Image/Image.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+import s from "./Image.module.css";
+const loadedSrcs = new Set();
+export const Image = ({ src, className, draggable = false, onLoad, onError, forceRenderAfterLoadFail = false, ...restProps }) => {
+    const [loaded, setLoaded] = useState(() => src && loadedSrcs.has(src));
+    const [failed, setFailed] = useState(false);
+    const considerLoaded = loaded || (failed && forceRenderAfterLoadFail);
+    if (!src || (!forceRenderAfterLoadFail && failed)) {
+        return null;
+    }
+    return (_jsx("img", { ...restProps, src: src, className: clsx(s.Image, className), onLoad: (evt) => {
+            setLoaded(true);
+            loadedSrcs.add(src);
+            onLoad?.(evt);
+        }, onError: (evt) => {
+            setFailed(true);
+            onError?.(evt);
+        }, "data-loaded": considerLoaded ? "" : undefined, draggable: draggable }));
+};
+//# sourceMappingURL=Image.js.map

package/dist/es/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,CAAC,MAAM,oBAAoB,CAAA;AAElC,MAAM,UAAU,GAAG,IAAI,GAAG,EAAU,CAAA;AAEpC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,GAAG,EACH,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,MAAM,EACN,OAAO,EACP,wBAAwB,GAAG,KAAK,EAChC,GAAG,SAAS,EAIb,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IACtE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,CAAA;IAErE,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,wBAAwB,IAAI,MAAM,CAAC,EAAE,CAAC;QAClD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,iBACM,SAAS,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;YACd,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACnB,MAAM,EAAE,CAAC,GAAG,CAAC,CAAA;QACf,CAAC,EACD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,OAAO,EAAE,CAAC,GAAG,CAAC,CAAA;QAChB,CAAC,iBACY,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps, useState } from \"react\"\nimport s from \"./Image.module.css\"\n\nconst loadedSrcs = new Set<string>()\n\nexport const Image = ({\n  src,\n  className,\n  draggable = false,\n  onLoad,\n  onError,\n  forceRenderAfterLoadFail = false,\n  ...restProps\n}: ComponentProps<\"img\"> & {\n  /** Force the image tag to be placed in the DOM even if load failed (resulting in broken image display) */\n  forceRenderAfterLoadFail?: boolean\n}) => {\n  const [loaded, setLoaded] = useState(() => src && loadedSrcs.has(src))\n  const [failed, setFailed] = useState(false)\n  const considerLoaded = loaded || (failed && forceRenderAfterLoadFail)\n\n  if (!src || (!forceRenderAfterLoadFail && failed)) {\n    return null\n  }\n\n  return (\n    <img\n      {...restProps}\n      src={src}\n      className={clsx(s.Image, className)}\n      onLoad={(evt) => {\n        setLoaded(true)\n        loadedSrcs.add(src)\n        onLoad?.(evt)\n      }}\n      onError={(evt) => {\n        setFailed(true)\n        onError?.(evt)\n      }}\n      data-loaded={considerLoaded ? \"\" : undefined}\n      draggable={draggable}\n    />\n  )\n}\n"]}

package/dist/es/components/Image/Image.module.css

@@ -0,0 +1,9 @@
+@layer components {.Image {
+  opacity: 0;
+  transition: opacity 0.3s var(--transition-ease-basic);
+}
+
+  .Image[data-loaded] {
+    opacity: 1;
+  }
+}

package/dist/es/components/Image/index.js

@@ -0,0 +1,2 @@
+export { Image } from "./Image";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA","sourcesContent":["export { Image } from \"./Image\"\n"]}

package/dist/es/components/Indicator/CircularProgress.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useState } from "react";
+import { useSimulatedProgress } from "../../hooks/useSimulatedProgress";
+import { toCssVariables } from "../../lib/helpers";
+import s from "./CircularProgress.module.css";
+export const CircularProgress = ({ maxDuration = 15000, // 15 seconds
+done = false, className, progress: propProgress, size, strokeWidth, trackActiveColor, trackColor, style, ...restProps }) => {
+    const [currentTime] = useState(new Date());
+    const simulatedProgressDone = propProgress !== undefined || done;
+    const simulatedProgress = useSimulatedProgress(+currentTime, maxDuration, simulatedProgressDone);
+    const progress = propProgress ?? simulatedProgress;
+    return (_jsxs("div", { ...restProps, className: clsx(s.Container, className), style: style ||
+            toCssVariables({
+                "circular-progress-size": size,
+                "circular-progress-stroke": strokeWidth ? Math.min(4, strokeWidth) : undefined,
+                "circular-progress-track-active-color": trackActiveColor,
+                "circular-progress-track-color": trackColor,
+            }), children: [_jsx("svg", { viewBox: "0 0 20 20", className: s.Track, "data-no-autosize": true, children: _jsx("circle", { cx: "10", cy: "10", r: "8", fill: "none" }) }), _jsx("svg", { viewBox: "0 0 20 20", className: s.TrackProgress, style: {
+                    strokeDashoffset: 50 - 50 * (progress / 100),
+                }, "data-no-autosize": true, children: _jsx("circle", { cx: "10", cy: "10", r: "8", fill: "none" }) })] }));
+};
+//# sourceMappingURL=CircularProgress.js.map

package/dist/es/components/Indicator/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.js","sourceRoot":"","sources":["../../../../src/components/Indicator/CircularProgress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAA;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,CAAC,MAAM,+BAA+B,CAAA;AAgC7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,GAAG,KAAK,EAAE,aAAa;AAClC,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,KAAK,EACL,GAAG,SAAS,EACU,EAAE,EAAE;IAC1B,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IAC1C,MAAM,qBAAqB,GAAG,YAAY,KAAK,SAAS,IAAI,IAAI,CAAA;IAChE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,CAAC,WAAW,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAA;IAChG,MAAM,QAAQ,GAAG,YAAY,IAAI,iBAAiB,CAAA;IAElD,OAAO,CACL,kBACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,EACvC,KAAK,EACH,KAAK;YACL,cAAc,CAAC;gBACb,wBAAwB,EAAE,IAAI;gBAC9B,0BAA0B,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC9E,sCAAsC,EAAE,gBAAgB;gBACxD,+BAA+B,EAAE,UAAU;aAC5C,CAAC,aAGJ,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,KAAK,sCACzC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,GAAG,GACxC,EACN,cACE,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,CAAC,CAAC,aAAa,EAC1B,KAAK,EAAE;oBACL,gBAAgB,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC;iBAC7C,sCAGD,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,GAAG,GACxC,IACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { useState, type ComponentProps } from \"react\"\nimport { useSimulatedProgress } from \"../../hooks/useSimulatedProgress\"\n\nimport { toCssVariables } from \"../../lib/helpers\"\nimport s from \"./CircularProgress.module.css\"\n\nexport type CircularProgressProps = Omit<ComponentProps<\"div\">, \"children\"> & {\n  /**\n   * Maximum duration to use for simulated upload progress in ms\n   * @default 15000\n   */\n  maxDuration?: number\n  /**\n   * Sets the progress to full and resolves the simulated timer\n   * @default false\n   */\n  done?: boolean\n  /**\n   * Sets the progress to full and resolves the simulated timer\n   * @default false\n   */\n  progress?: number\n  /** Size of the indicator, in pixels\n   * @default 28px\n   */\n  size?: number | string\n  /** Stroke width of the indicator, in pixels, between 1 and 4\n   * @default 2\n   */\n  strokeWidth?: number\n  /** Color of the active progress track (stroke) */\n  trackActiveColor?: string\n  /** Color of the base track (background stroke) */\n  trackColor?: string\n}\n\nexport const CircularProgress = ({\n  maxDuration = 15000, // 15 seconds\n  done = false,\n  className,\n  progress: propProgress,\n  size,\n  strokeWidth,\n  trackActiveColor,\n  trackColor,\n  style,\n  ...restProps\n}: CircularProgressProps) => {\n  const [currentTime] = useState(new Date())\n  const simulatedProgressDone = propProgress !== undefined || done\n  const simulatedProgress = useSimulatedProgress(+currentTime, maxDuration, simulatedProgressDone)\n  const progress = propProgress ?? simulatedProgress\n\n  return (\n    <div\n      {...restProps}\n      className={clsx(s.Container, className)}\n      style={\n        style ||\n        toCssVariables({\n          \"circular-progress-size\": size,\n          \"circular-progress-stroke\": strokeWidth ? Math.min(4, strokeWidth) : undefined,\n          \"circular-progress-track-active-color\": trackActiveColor,\n          \"circular-progress-track-color\": trackColor,\n        })\n      }\n    >\n      <svg viewBox=\"0 0 20 20\" className={s.Track} data-no-autosize>\n        <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" />\n      </svg>\n      <svg\n        viewBox=\"0 0 20 20\"\n        className={s.TrackProgress}\n        style={{\n          strokeDashoffset: 50 - 50 * (progress / 100),\n        }}\n        data-no-autosize\n      >\n        <circle cx=\"10\" cy=\"10\" r=\"8\" fill=\"none\" />\n      </svg>\n    </div>\n  )\n}\n"]}

package/dist/es/components/Indicator/CircularProgress.module.css

@@ -0,0 +1,28 @@
+@layer components {.Container {
+  position: relative;
+  width: var(--circular-progress-size, 28px);
+  height: var(--circular-progress-size, 28px);
+}
+
+  .Container circle {
+    stroke-width: var(--circular-progress-stroke, 2px);
+  }.Track {
+  position: absolute;
+  top: 0;
+  left: 0;
+  stroke: var(--circular-progress-track-color, light-dark(#deede9, var(--green-a50)));
+  transition: stroke 0.15s ease;
+}.TrackProgress {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  stroke: var(--circular-progress-track-active-color, var(--green-500));
+  stroke-dasharray: 50px;
+  stroke-dashoffset: 50px;
+  stroke-linecap: round;
+  transform: rotate(-90deg);
+  transition: stroke-dashoffset 0.3s ease;
+  will-change: transform;
+}
+}

package/dist/es/components/Indicator/LoadingDots.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import s from "./LoadingDots.module.css";
+export const LoadingDots = ({ className, ...restProps }) => {
+    return (_jsxs("div", { className: clsx(s.LoadingDots, className), ...restProps, children: [_jsx("div", { className: s.Dot }), _jsx("div", { className: s.Dot }), _jsx("div", { className: s.Dot })] }));
+};
+//# sourceMappingURL=LoadingDots.js.map

package/dist/es/components/Indicator/LoadingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.js","sourceRoot":"","sources":["../../../../src/components/Indicator/LoadingDots.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,CAAC,MAAM,0BAA0B,CAAA;AAIxC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAoB,EAAE,EAAE;IAC3E,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,SAAS,aAC3D,cAAK,SAAS,EAAE,CAAC,CAAC,GAAG,GAAI,EACzB,cAAK,SAAS,EAAE,CAAC,CAAC,GAAG,GAAI,EACzB,cAAK,SAAS,EAAE,CAAC,CAAC,GAAG,GAAI,IACrB,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import clsx from \"clsx\"\nimport type { ComponentProps } from \"react\"\nimport s from \"./LoadingDots.module.css\"\n\nexport type LoadingDotsProps = Omit<ComponentProps<\"div\">, \"children\">\n\nexport const LoadingDots = ({ className, ...restProps }: LoadingDotsProps) => {\n  return (\n    <div className={clsx(s.LoadingDots, className)} {...restProps}>\n      <div className={s.Dot} />\n      <div className={s.Dot} />\n      <div className={s.Dot} />\n    </div>\n  )\n}\n"]}

package/dist/es/components/Indicator/LoadingDots.module.css

@@ -0,0 +1,35 @@
+@layer components {.LoadingDots {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 4px;
+  /* Match line-height of message to avoid reflow when swapped with text */
+  height: var(--font-text-md-line-height);
+}.Dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 100%;
+  animation: pulse 1s infinite both;
+  background-color: currentcolor;
+}
+
+  .Dot:nth-child(2) {
+    animation-delay: 0.2s;
+  }
+
+  .Dot:nth-child(3) {
+    animation-delay: 0.4s;
+  }@keyframes pulse {
+  0% {
+    opacity: 0.15;
+  }
+
+  20% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 0.15;
+  }
+}
+}

package/dist/es/components/Indicator/LoadingIndicator.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { toCssVariables } from "../../lib/helpers";
+import s from "./LoadingIndicator.module.css";
+export const LoadingIndicator = ({ className, size, strokeWidth, style, ...restProps }) => {
+    return (_jsx("span", { ...restProps, className: clsx(s.LoadingIndicator, className), style: style ||
+            toCssVariables({
+                "indicator-size": size,
+                "indicator-stroke": strokeWidth,
+            }) }));
+};
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/es/components/Indicator/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/Indicator/LoadingIndicator.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,CAAC,MAAM,+BAA+B,CAAA;AAe7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,GAAG,SAAS,EACU,EAAE,EAAE;IAC1B,OAAO,CACL,kBACM,SAAS,EACb,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC9C,KAAK,EACH,KAAK;YACL,cAAc,CAAC;gBACb,gBAAgB,EAAE,IAAI;gBACtB,kBAAkB,EAAE,WAAW;aAChC,CAAC,GAEJ,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import clsx from \"clsx\"\nimport type { ComponentProps } from \"react\"\nimport { toCssVariables } from \"../../lib/helpers\"\nimport s from \"./LoadingIndicator.module.css\"\n\nexport type LoadingIndicatorProps = {\n  /** Classname applied to the indicator */\n  className?: string\n  /** Size of the indicator, in pixels\n   * @default 1em\n   */\n  size?: number | string\n  /** Stroke width of the indicator, in pixels\n   * @default 2\n   */\n  strokeWidth?: number\n} & Omit<ComponentProps<\"span\">, \"children\">\n\nexport const LoadingIndicator = ({\n  className,\n  size,\n  strokeWidth,\n  style,\n  ...restProps\n}: LoadingIndicatorProps) => {\n  return (\n    <span\n      {...restProps}\n      className={clsx(s.LoadingIndicator, className)}\n      style={\n        style ||\n        toCssVariables({\n          \"indicator-size\": size,\n          \"indicator-stroke\": strokeWidth,\n        })\n      }\n    />\n  )\n}\n"]}

package/dist/es/components/Indicator/LoadingIndicator.module.css

@@ -0,0 +1,41 @@
+@layer components {.LoadingIndicator {
+  display: inline-block;
+  position: relative;
+  width: var(--indicator-size, 1em);
+  height: var(--indicator-size, 1em);
+  animation: rotate var(--indicator-rotate-duration, 0.8s) linear infinite;
+  transition: opacity 0.15s ease;
+}
+
+  .LoadingIndicator::before {
+    position: absolute;
+    inset: 0;
+    display: block;
+    border: var(--indicator-stroke, 2px) solid var(--indicator-color, currentcolor);
+    border-radius: 50%;
+    content: "";
+    -webkit-mask-image: conic-gradient(rgb(0 0 0 / 0%), rgb(0 0 0));
+            mask-image: conic-gradient(rgb(0 0 0 / 0%), rgb(0 0 0));
+  }
+
+  .LoadingIndicator::after {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: var(--indicator-stroke, 2px);
+    height: var(--indicator-stroke, 2px);
+    border-radius: 100%;
+    margin-left: calc(var(--indicator-stroke, 2px) * -1 / 2);
+    background-color: var(--indicator-color, currentcolor);
+    content: "";
+  }@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(1turn);
+  }
+}
+}

package/dist/es/components/Indicator/index.js

@@ -0,0 +1,4 @@
+export { CircularProgress } from "./CircularProgress";
+export { LoadingDots } from "./LoadingDots";
+export { LoadingIndicator } from "./LoadingIndicator";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Indicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAA;AACjF,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAA","sourcesContent":["export { CircularProgress, type CircularProgressProps } from \"./CircularProgress\"\nexport { LoadingDots, type LoadingDotsProps } from \"./LoadingDots\"\nexport { LoadingIndicator, type LoadingIndicatorProps } from \"./LoadingIndicator\"\n"]}

package/dist/es/components/Input/Input.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useEffect, useId, useRef, useState } from "react";
+import { mergeRefs } from "react-merge-refs";
+import {} from "../../types";
+import { X } from "../Icon";
+import s from "./Input.module.css";
+export const Input = (props) => {
+    const inputRef = useRef(null);
+    const inputIdSuffix = useId();
+    // Prevent 1Password from appearing: 1Password won't display if it thinks this field is for searching
+    // Allow user to override this for connecting to labels.
+    const onePasswordPreventionId = `search-ui-input-${inputIdSuffix}`;
+    const { id, name, type = "text", variant = "outline", size = "md", gutterSize, className, autoComplete, disabled = false, readOnly = false, invalid = false, 
+    // Default to `true` when type="password" or presence of `name`
+    allowAutofillExtensions = type === "password" || !!name, onFocus, onBlur, onAnimationStart, onAutofill, autoSelect, startAdornment: StartAdornment, endAdornment: EndAdornment, onClear, pill, opticallyAlign, ref, value, defaultValue, ...restProps } = props;
+    // Determine if clear button should be shown
+    const hasValue = value !== undefined ? !!value : !!defaultValue;
+    const showClearButton = !!onClear && hasValue && !disabled && !readOnly;
+    // Redirect clicks on the container and adornments
+    const handleMouseDown = (evt) => {
+        const input = inputRef.current;
+        // Bail out if the target is not an element or the textarea is not found
+        if (!evt.target || !(evt.target instanceof Element) || !input) {
+            return;
+        }
+        // Bail out if the target is inside the textarea
+        if (input.contains(evt.target)) {
+            return;
+        }
+        // Bail out if the target is a button
+        if (evt.target.closest("button, [type='button'], [role='button'], [role='menuitem']")) {
+            return;
+        }
+        evt.preventDefault();
+        // If the textarea is not focused, focus it
+        if (document.activeElement !== input) {
+            input.focus();
+        }
+        const { left, top } = input.getBoundingClientRect();
+        const { clientX, clientY } = evt;
+        // "Before" the input: top/left
+        const isBefore = clientY < top || clientX < left;
+        // If this is the first click, clear the selection.
+        if (evt.detail === 1) {
+            if (isBefore) {
+                input.setSelectionRange(0, 0);
+            }
+            else {
+                const length = input.value.length;
+                input.setSelectionRange(length, length);
+            }
+        }
+        // If this is the second click, select the first or last word
+        else if (evt.detail === 2) {
+            // Split the textarea value into words and non-word characters
+            const words = input.value.match(/\w+|[^\w\s]/g) || [];
+            const selectedWord = isBefore ? words.at(0) : words.at(-1);
+            if (selectedWord) {
+                const wordIndex = isBefore
+                    ? input.value.indexOf(selectedWord)
+                    : input.value.lastIndexOf(selectedWord);
+                input.setSelectionRange(wordIndex, wordIndex + selectedWord.length);
+            }
+        }
+        // If this is the third click or greater, select the entire input
+        else {
+            input.select();
+        }
+    };
+    const [focused, setFocused] = useState(false);
+    useEffect(() => {
+        if (autoSelect) {
+            inputRef.current?.select();
+        }
+    }, [autoSelect]);
+    const handleAnimationStart = (evt) => {
+        onAnimationStart?.(evt);
+        if (evt.animationName === "native-autofill-in") {
+            onAutofill?.();
+        }
+    };
+    return (_jsxs("div", { className: clsx(s.Container, className), "data-variant": variant, "data-size": size, "data-gutter-size": gutterSize, "data-focused": focused, "data-disabled": disabled ? "" : undefined, "data-readonly": readOnly ? "" : undefined, "data-invalid": invalid ? "" : undefined, "data-pill": pill ? "" : undefined, "data-optically-align": opticallyAlign, "data-has-start-adornment": StartAdornment ? "" : undefined, "data-has-end-adornment": EndAdornment || showClearButton ? "" : undefined, onMouseDown: handleMouseDown, children: [StartAdornment, _jsx("input", { ...restProps, ref: mergeRefs([ref, inputRef]), id: id || (allowAutofillExtensions ? undefined : onePasswordPreventionId), className: s.Input, type: type, name: name, value: value, defaultValue: defaultValue, readOnly: readOnly, disabled: disabled, onFocus: (evt) => {
+                    setFocused(true);
+                    onFocus?.(evt);
+                }, onBlur: (evt) => {
+                    setFocused(false);
+                    onBlur?.(evt);
+                }, onAnimationStart: handleAnimationStart, "data-lpignore": allowAutofillExtensions ? undefined : true, "data-1p-ignore": allowAutofillExtensions ? undefined : true }), showClearButton && (_jsx("button", { type: "button", "aria-label": "Clear input", className: s.Clear, onClick: onClear, children: _jsx(X, {}) })), EndAdornment] }));
+};
+//# sourceMappingURL=Input.js.map

package/dist/es/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { useEffect, useId, useRef, useState } from \"react\"\nimport { mergeRefs } from \"react-merge-refs\"\nimport { type ControlSize, type Sizes, type Variants } from \"../../types\"\nimport { X } from \"../Icon\"\nimport s from \"./Input.module.css\"\n\nexport type InputProps = {\n  /**\n   * Visual style of the input\n   * @default outline\n   */\n  variant?: Variants<\"outline\" | \"soft\">\n  /**\n   * Controls the size of the input\n   *\n   * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |\n   * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |\n   * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |\n   *\n   * @default md\n   */\n  size?: ControlSize\n  /**\n   * Controls gutter on the edges of the input, defaults to value from `size`.\n   *\n   * | 2xs    | xs     | sm     | md     | lg     | xl     |\n   * | ------ | ------ | ------ | ------ | ------ | ------ |\n   * | `6px`  | `8px`  | `10px` | `12px` | `14px` | `16px` |\n   */\n  gutterSize?: Sizes<\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\">\n  /**\n   * Disables the select visually and from interactions\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Mark the input as invalid\n   * @default false\n   */\n  invalid?: boolean\n  /**\n   * Allow autofill extensions to appear in the input\n   * @default false\n   */\n  allowAutofillExtensions?: boolean\n  /**\n   * Select all contents of the input when mounted.\n   * @default false\n   */\n  autoSelect?: boolean\n  /** Callback invoked when the input is autofilled by the browser */\n  onAutofill?: () => void\n  /** Content rendered at the start of the input */\n  startAdornment?: React.ReactNode\n  /** Content rendered at the end of the input */\n  endAdornment?: React.ReactNode\n  /**\n   * Callback invoked when the clear button is clicked.\n   * When provided, displays a clear button that appears when the input has a value.\n   */\n  onClear?: () => void\n  /**\n   * Determines if the button should be a fully rounded pill shape\n   * @default false\n   */\n  pill?: boolean\n  /**\n   * Applies a negative margin using the current gutter to optically align the input\n   * with surrounding content.\n   */\n  opticallyAlign?: \"start\" | \"end\"\n  /** Ref for the input */\n  ref?: React.Ref<HTMLInputElement | null>\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"disabled\" | \"size\">\n\nexport const Input = (props: InputProps) => {\n  const inputRef = useRef<HTMLInputElement | null>(null)\n  const inputIdSuffix = useId()\n  // Prevent 1Password from appearing: 1Password won't display if it thinks this field is for searching\n  // Allow user to override this for connecting to labels.\n  const onePasswordPreventionId = `search-ui-input-${inputIdSuffix}`\n  const {\n    id,\n    name,\n    type = \"text\",\n    variant = \"outline\",\n    size = \"md\",\n    gutterSize,\n    className,\n    autoComplete,\n    disabled = false,\n    readOnly = false,\n    invalid = false,\n    // Default to `true` when type=\"password\" or presence of `name`\n    allowAutofillExtensions = type === \"password\" || !!name,\n    onFocus,\n    onBlur,\n    onAnimationStart,\n    onAutofill,\n    autoSelect,\n    startAdornment: StartAdornment,\n    endAdornment: EndAdornment,\n    onClear,\n    pill,\n    opticallyAlign,\n    ref,\n    value,\n    defaultValue,\n    ...restProps\n  } = props\n\n  // Determine if clear button should be shown\n  const hasValue = value !== undefined ? !!value : !!defaultValue\n  const showClearButton = !!onClear && hasValue && !disabled && !readOnly\n  // Redirect clicks on the container and adornments\n  const handleMouseDown = (evt: React.MouseEvent<HTMLDivElement>) => {\n    const input = inputRef.current\n    // Bail out if the target is not an element or the textarea is not found\n    if (!evt.target || !(evt.target instanceof Element) || !input) {\n      return\n    }\n    // Bail out if the target is inside the textarea\n    if (input.contains(evt.target)) {\n      return\n    }\n    // Bail out if the target is a button\n    if (evt.target.closest(\"button, [type='button'], [role='button'], [role='menuitem']\")) {\n      return\n    }\n\n    evt.preventDefault()\n    // If the textarea is not focused, focus it\n    if (document.activeElement !== input) {\n      input.focus()\n    }\n\n    const { left, top } = input.getBoundingClientRect()\n    const { clientX, clientY } = evt\n    // \"Before\" the input: top/left\n    const isBefore = clientY < top || clientX < left\n\n    // If this is the first click, clear the selection.\n    if (evt.detail === 1) {\n      if (isBefore) {\n        input.setSelectionRange(0, 0)\n      } else {\n        const length = input.value.length\n        input.setSelectionRange(length, length)\n      }\n    }\n    // If this is the second click, select the first or last word\n    else if (evt.detail === 2) {\n      // Split the textarea value into words and non-word characters\n      const words = input.value.match(/\\w+|[^\\w\\s]/g) || []\n      const selectedWord = isBefore ? words.at(0) : words.at(-1)\n      if (selectedWord) {\n        const wordIndex = isBefore\n          ? input.value.indexOf(selectedWord)\n          : input.value.lastIndexOf(selectedWord)\n        input.setSelectionRange(wordIndex, wordIndex + selectedWord.length)\n      }\n    }\n    // If this is the third click or greater, select the entire input\n    else {\n      input.select()\n    }\n  }\n\n  const [focused, setFocused] = useState<boolean>(false)\n\n  useEffect(() => {\n    if (autoSelect) {\n      inputRef.current?.select()\n    }\n  }, [autoSelect])\n\n  const handleAnimationStart = (evt: React.AnimationEvent<HTMLInputElement>) => {\n    onAnimationStart?.(evt)\n    if (evt.animationName === \"native-autofill-in\") {\n      onAutofill?.()\n    }\n  }\n\n  return (\n    <div\n      className={clsx(s.Container, className)}\n      data-variant={variant}\n      data-size={size}\n      data-gutter-size={gutterSize}\n      data-focused={focused}\n      data-disabled={disabled ? \"\" : undefined}\n      data-readonly={readOnly ? \"\" : undefined}\n      data-invalid={invalid ? \"\" : undefined}\n      data-pill={pill ? \"\" : undefined}\n      data-optically-align={opticallyAlign}\n      data-has-start-adornment={StartAdornment ? \"\" : undefined}\n      data-has-end-adornment={EndAdornment || showClearButton ? \"\" : undefined}\n      onMouseDown={handleMouseDown}\n    >\n      {StartAdornment}\n      <input\n        {...restProps}\n        ref={mergeRefs([ref, inputRef])}\n        id={id || (allowAutofillExtensions ? undefined : onePasswordPreventionId)}\n        className={s.Input}\n        type={type}\n        name={name}\n        value={value}\n        defaultValue={defaultValue}\n        readOnly={readOnly}\n        disabled={disabled}\n        onFocus={(evt) => {\n          setFocused(true)\n          onFocus?.(evt)\n        }}\n        onBlur={(evt) => {\n          setFocused(false)\n          onBlur?.(evt)\n        }}\n        onAnimationStart={handleAnimationStart}\n        // Prevent LastPass and 1Password from appearing\n        data-lpignore={allowAutofillExtensions ? undefined : true}\n        data-1p-ignore={allowAutofillExtensions ? undefined : true}\n      />\n      {showClearButton && (\n        <button type=\"button\" aria-label=\"Clear input\" className={s.Clear} onClick={onClear}>\n          <X />\n        </button>\n      )}\n      {EndAdornment}\n    </div>\n  )\n}\n"]}