npm - @magiclabs/ui-components - Versions diffs - 1.52.1 → 2.1.0 - Mend

@magiclabs/ui-components 1.52.1 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1476) hide show

package/dist/cjs/components/icons/ico-upload.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),C=require("@styled/tokens");const n=({color:l,title:t,titleId:r,...i})=>{const o=l||C.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o,"aria-labelledby":r,...i,children:[t?e.jsx("title",{id:r,children:t}):null,e.jsx("path",{d:"M22 14.9999C22.5523 14.9999 23 15.4477 23 15.9999V17.9999C23 20.7613 20.7614 22.9999 18 22.9999H6C3.23859 22.9999 1.00003 20.7613 1 17.9999V15.9999C1 15.4477 1.44772 14.9999 2 14.9999C2.55228 14.9999 3 15.4477 3 15.9999V17.9999C3.00003 19.6568 4.34316 20.9999 6 20.9999H18C19.6568 20.9999 21 19.6568 21 17.9999V15.9999C21 15.4477 21.4477 14.9999 22 14.9999ZM11.8066 2.70698C12.1971 2.31648 12.8302 2.31653 13.2207 2.70698L16.9932 6.47846C17.3835 6.86885 17.3833 7.50198 16.9932 7.89252C16.6026 8.28305 15.9686 8.28305 15.5781 7.89252L13.5137 5.82807V14.5576C13.5137 15.1098 13.066 15.5576 12.5137 15.5576C11.9615 15.5574 11.5137 15.1098 11.5137 14.5576V5.82807L9.44922 7.89252C9.05869 8.28305 8.42568 8.28305 8.03516 7.89252C7.64471 7.50199 7.64466 6.86896 8.03516 6.47846L11.8066 2.70698Z",fill:"currentColor"})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const C=({color:r,title:l,titleId:t,...i})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{d:"M22 14.9999C22.5523 14.9999 23 15.4477 23 15.9999V17.9999C23 20.7613 20.7614 22.9999 18 22.9999H6C3.23859 22.9999 1.00003 20.7613 1 17.9999V15.9999C1 15.4477 1.44772 14.9999 2 14.9999C2.55228 14.9999 3 15.4477 3 15.9999V17.9999C3.00003 19.6568 4.34316 20.9999 6 20.9999H18C19.6568 20.9999 21 19.6568 21 17.9999V15.9999C21 15.4477 21.4477 14.9999 22 14.9999ZM11.8066 2.70698C12.1971 2.31648 12.8302 2.31653 13.2207 2.70698L16.9932 6.47846C17.3835 6.86885 17.3833 7.50198 16.9932 7.89252C16.6026 8.28305 15.9686 8.28305 15.5781 7.89252L13.5137 5.82807V14.5576C13.5137 15.1098 13.066 15.5576 12.5137 15.5576C11.9615 15.5574 11.5137 15.1098 11.5137 14.5576V5.82807L9.44922 7.89252C9.05869 8.28305 8.42568 8.28305 8.03516 7.89252C7.64471 7.50199 7.64466 6.86896 8.03516 6.47846L11.8066 2.70698Z",fill:"currentColor"})]});exports.default=C;
 //# sourceMappingURL=ico-upload.js.map

package/dist/cjs/components/icons/ico-upload.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-upload.js","sources":["../../../../src/components/icons/ico-upload.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoUpload = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M22 14.9999C22.5523 14.9999 23 15.4477 23 15.9999V17.9999C23 20.7613 20.7614 22.9999 18 22.9999H6C3.23859 22.9999 1.00003 20.7613 1 17.9999V15.9999C1 15.4477 1.44772 14.9999 2 14.9999C2.55228 14.9999 3 15.4477 3 15.9999V17.9999C3.00003 19.6568 4.34316 20.9999 6 20.9999H18C19.6568 20.9999 21 19.6568 21 17.9999V15.9999C21 15.4477 21.4477 14.9999 22 14.9999ZM11.8066 2.70698C12.1971 2.31648 12.8302 2.31653 13.2207 2.70698L16.9932 6.47846C17.3835 6.86885 17.3833 7.50198 16.9932 7.89252C16.6026 8.28305 15.9686 8.28305 15.5781 7.89252L13.5137 5.82807V14.5576C13.5137 15.1098 13.066 15.5576 12.5137 15.5576C11.9615 15.5574 11.5137 15.1098 11.5137 14.5576V5.82807L9.44922 7.89252C9.05869 8.28305 8.42568 8.28305 8.03516 7.89252C7.64471 7.50199 7.64466 6.86896 8.03516 6.47846L11.8066 2.70698Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoUpload;\n"],"names":["IcoUpload","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~yIAYMA~~,EAAY,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAE5E~~,~~MAAMC~~,~~EAAQJ,GAAeK,EAAAA,MAAM,qBAAqB,EACxD,OACEC,OACE,~~MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EAAK~~,~~kBACKF~~,EAAO,GACpBC,EAEH,SAAA,CAAAF,~~EAAQM~~,~~MAAA~~,QAAA,CAAO,~~GAAIL~~,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CM,~~EAAA~~,IAAA,OAAA,CACE,EAAE,wxBACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA~~,CAEV~~"}
1	+ {"version":3,"file":"ico-upload.js","sources":["../../../../src/components/icons/ico-upload.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoUpload = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M22 14.9999C22.5523 14.9999 23 15.4477 23 15.9999V17.9999C23 20.7613 20.7614 22.9999 18 22.9999H6C3.23859 22.9999 1.00003 20.7613 1 17.9999V15.9999C1 15.4477 1.44772 14.9999 2 14.9999C2.55228 14.9999 3 15.4477 3 15.9999V17.9999C3.00003 19.6568 4.34316 20.9999 6 20.9999H18C19.6568 20.9999 21 19.6568 21 17.9999V15.9999C21 15.4477 21.4477 14.9999 22 14.9999ZM11.8066 2.70698C12.1971 2.31648 12.8302 2.31653 13.2207 2.70698L16.9932 6.47846C17.3835 6.86885 17.3833 7.50198 16.9932 7.89252C16.6026 8.28305 15.9686 8.28305 15.5781 7.89252L13.5137 5.82807V14.5576C13.5137 15.1098 13.066 15.5576 12.5137 15.5576C11.9615 15.5574 11.5137 15.1098 11.5137 14.5576V5.82807L9.44922 7.89252C9.05869 8.28305 8.42568 8.28305 8.03516 7.89252C7.64471 7.50199 7.64466 6.86896 8.03516 6.47846L11.8066 2.70698Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoUpload;\n"],"names":["IcoUpload","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAY,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI7DC,EACE,KAAA,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BAQb,kBACKE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,EAAA,IAAA,QAAA,CAAO,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EAAAA,IAAA,OAAA,CACE,EAAE,wxBACF,KAAK,cAAc,CAAA,CACnB,CACE,CAAA"}

package/dist/cjs/components/icons/ico-users.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("@styled/tokens");const C=({color:r,title:l,titleId:t,...i})=>{const o=r||n.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o,"aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.36364 7.45455C8.36364 5.44624 9.99169 3.81818 12 3.81818C14.0083 3.81818 15.6364 5.44624 15.6364 7.45455C15.6364 9.46285 14.0083 11.0909 12 11.0909C9.99169 11.0909 8.36364 9.46285 8.36364 7.45455ZM12 2C8.98754 2 6.54545 4.44208 6.54545 7.45455C6.54545 10.467 8.98754 12.9091 12 12.9091C15.0125 12.9091 17.4545 10.467 17.4545 7.45455C17.4545 4.44208 15.0125 2 12 2ZM3.81818 17.9091C3.81818 16.6539 4.83572 15.6364 6.09091 15.6364H17.9091C19.1643 15.6364 20.1818 16.6539 20.1818 17.9091C20.1818 19.1643 19.1643 20.1818 17.9091 20.1818H6.09091C4.83572 20.1818 3.81818 19.1643 3.81818 17.9091ZM6.09091 13.8182C3.83156 13.8182 2 15.6497 2 17.9091C2 20.1684 3.83156 22 6.09091 22H17.9091C20.1684 22 22 20.1684 22 17.9091C22 15.6497 20.1684 13.8182 17.9091 13.8182H6.09091Z",fill:"currentColor"})]})};exports.default=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const C=({color:r,title:l,titleId:t,...i})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.36364 7.45455C8.36364 5.44624 9.99169 3.81818 12 3.81818C14.0083 3.81818 15.6364 5.44624 15.6364 7.45455C15.6364 9.46285 14.0083 11.0909 12 11.0909C9.99169 11.0909 8.36364 9.46285 8.36364 7.45455ZM12 2C8.98754 2 6.54545 4.44208 6.54545 7.45455C6.54545 10.467 8.98754 12.9091 12 12.9091C15.0125 12.9091 17.4545 10.467 17.4545 7.45455C17.4545 4.44208 15.0125 2 12 2ZM3.81818 17.9091C3.81818 16.6539 4.83572 15.6364 6.09091 15.6364H17.9091C19.1643 15.6364 20.1818 16.6539 20.1818 17.9091C20.1818 19.1643 19.1643 20.1818 17.9091 20.1818H6.09091C4.83572 20.1818 3.81818 19.1643 3.81818 17.9091ZM6.09091 13.8182C3.83156 13.8182 2 15.6497 2 17.9091C2 20.1684 3.83156 22 6.09091 22H17.9091C20.1684 22 22 20.1684 22 17.9091C22 15.6497 20.1684 13.8182 17.9091 13.8182H6.09091Z",fill:"currentColor"})]});exports.default=C;
 //# sourceMappingURL=ico-users.js.map

package/dist/cjs/components/icons/ico-users.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-users.js","sources":["../../../../src/components/icons/ico-users.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoUsers = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.36364 7.45455C8.36364 5.44624 9.99169 3.81818 12 3.81818C14.0083 3.81818 15.6364 5.44624 15.6364 7.45455C15.6364 9.46285 14.0083 11.0909 12 11.0909C9.99169 11.0909 8.36364 9.46285 8.36364 7.45455ZM12 2C8.98754 2 6.54545 4.44208 6.54545 7.45455C6.54545 10.467 8.98754 12.9091 12 12.9091C15.0125 12.9091 17.4545 10.467 17.4545 7.45455C17.4545 4.44208 15.0125 2 12 2ZM3.81818 17.9091C3.81818 16.6539 4.83572 15.6364 6.09091 15.6364H17.9091C19.1643 15.6364 20.1818 16.6539 20.1818 17.9091C20.1818 19.1643 19.1643 20.1818 17.9091 20.1818H6.09091C4.83572 20.1818 3.81818 19.1643 3.81818 17.9091ZM6.09091 13.8182C3.83156 13.8182 2 15.6497 2 17.9091C2 20.1684 3.83156 22 6.09091 22H17.9091C20.1684 22 22 20.1684 22 17.9091C22 15.6497 20.1684 13.8182 17.9091 13.8182H6.09091Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoUsers;\n"],"names":["IcoUsers","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,MAAMA,EAAW,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAE3E,MAAMC,EAAQJ,GAAeK,~~EAAAA,~~MAAM~~,~~qBAAqB,EACxD,OACEC,OAAA,~~MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EACU~~,~~kBAAAF~~,EACb,GAAAC,YAEHF,~~EAAQM~~,EAAAA,IAAO,QAAA,CAAA,~~GAAIL~~,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,owBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-users.js","sources":["../../../../src/components/icons/ico-users.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoUsers = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.36364 7.45455C8.36364 5.44624 9.99169 3.81818 12 3.81818C14.0083 3.81818 15.6364 5.44624 15.6364 7.45455C15.6364 9.46285 14.0083 11.0909 12 11.0909C9.99169 11.0909 8.36364 9.46285 8.36364 7.45455ZM12 2C8.98754 2 6.54545 4.44208 6.54545 7.45455C6.54545 10.467 8.98754 12.9091 12 12.9091C15.0125 12.9091 17.4545 10.467 17.4545 7.45455C17.4545 4.44208 15.0125 2 12 2ZM3.81818 17.9091C3.81818 16.6539 4.83572 15.6364 6.09091 15.6364H17.9091C19.1643 15.6364 20.1818 16.6539 20.1818 17.9091C20.1818 19.1643 19.1643 20.1818 17.9091 20.1818H6.09091C4.83572 20.1818 3.81818 19.1643 3.81818 17.9091ZM6.09091 13.8182C3.83156 13.8182 2 15.6497 2 17.9091C2 20.1684 3.83156 22 6.09091 22H17.9091C20.1684 22 22 20.1684 22 17.9091C22 15.6497 20.1684 13.8182 17.9091 13.8182H6.09091Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoUsers;\n"],"names":["IcoUsers","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAW,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI5DC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,owBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/icons/ico-wallet-fill.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("@styled/tokens");const n=({color:r,title:t,titleId:l,...i})=>{const C=r||o.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:C,"aria-labelledby":l,...i,children:[t?e.jsx("title",{id:l,children:t}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4977 1.09429C15.9723 0.947752 15.4266 0.973122 14.9168 1.16268L3.22913 5.51079C2.50441 5.78031 1.93771 6.34542 1.56387 7.02437C1.18891 7.70537 0.999897 8.50968 1 9.31378V10V18C1 20.7614 3.23858 23 6 23H18C20.7614 23 23 20.7614 23 18V10C23 7.7789 21.5518 5.89605 19.5481 5.24426L18.6451 3.27558C18.4619 2.77404 18.1921 2.31076 17.8382 1.93149C17.4727 1.53976 17.0181 1.23945 16.4977 1.09429ZM17.2357 5L16.7907 4.02971L16.7756 3.98707C16.671 3.69089 16.5279 3.45882 16.3759 3.29586C16.2248 3.134 16.0786 3.05374 15.9604 3.02076C15.8472 2.98918 15.7335 2.99284 15.614 3.03723L10.3381 5H17.2357ZM16.5 16C16.1022 16 15.7206 15.842 15.4393 15.5607C15.158 15.2794 15 14.8978 15 14.5C15 14.1022 15.158 13.7206 15.4393 13.4393C15.7206 13.158 16.1022 13 16.5 13C16.8978 13 17.2794 13.158 17.5607 13.4393C17.842 13.7206 18 14.1022 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16Z",fill:"currentColor"})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const i=({color:r,title:l,titleId:t,...C})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...C,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4977 1.09429C15.9723 0.947752 15.4266 0.973122 14.9168 1.16268L3.22913 5.51079C2.50441 5.78031 1.93771 6.34542 1.56387 7.02437C1.18891 7.70537 0.999897 8.50968 1 9.31378V10V18C1 20.7614 3.23858 23 6 23H18C20.7614 23 23 20.7614 23 18V10C23 7.7789 21.5518 5.89605 19.5481 5.24426L18.6451 3.27558C18.4619 2.77404 18.1921 2.31076 17.8382 1.93149C17.4727 1.53976 17.0181 1.23945 16.4977 1.09429ZM17.2357 5L16.7907 4.02971L16.7756 3.98707C16.671 3.69089 16.5279 3.45882 16.3759 3.29586C16.2248 3.134 16.0786 3.05374 15.9604 3.02076C15.8472 2.98918 15.7335 2.99284 15.614 3.03723L10.3381 5H17.2357ZM16.5 16C16.1022 16 15.7206 15.842 15.4393 15.5607C15.158 15.2794 15 14.8978 15 14.5C15 14.1022 15.158 13.7206 15.4393 13.4393C15.7206 13.158 16.1022 13 16.5 13C16.8978 13 17.2794 13.158 17.5607 13.4393C17.842 13.7206 18 14.1022 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16Z",fill:"currentColor"})]});exports.default=i;
 //# sourceMappingURL=ico-wallet-fill.js.map

package/dist/cjs/components/icons/ico-wallet-fill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-wallet-fill.js","sources":["../../../../src/components/icons/ico-wallet-fill.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWalletFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.4977 1.09429C15.9723 0.947752 15.4266 0.973122 14.9168 1.16268L3.22913 5.51079C2.50441 5.78031 1.93771 6.34542 1.56387 7.02437C1.18891 7.70537 0.999897 8.50968 1 9.31378V10V18C1 20.7614 3.23858 23 6 23H18C20.7614 23 23 20.7614 23 18V10C23 7.7789 21.5518 5.89605 19.5481 5.24426L18.6451 3.27558C18.4619 2.77404 18.1921 2.31076 17.8382 1.93149C17.4727 1.53976 17.0181 1.23945 16.4977 1.09429ZM17.2357 5L16.7907 4.02971L16.7756 3.98707C16.671 3.69089 16.5279 3.45882 16.3759 3.29586C16.2248 3.134 16.0786 3.05374 15.9604 3.02076C15.8472 2.98918 15.7335 2.99284 15.614 3.03723L10.3381 5H17.2357ZM16.5 16C16.1022 16 15.7206 15.842 15.4393 15.5607C15.158 15.2794 15 14.8978 15 14.5C15 14.1022 15.158 13.7206 15.4393 13.4393C15.7206 13.158 16.1022 13 16.5 13C16.8978 13 17.2794 13.158 17.5607 13.4393C17.842 13.7206 18 14.1022 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWalletFill;\n"],"names":["IcoWalletFill","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAEhF,MAAMC,EAAQJ,GAAeK,~~EAAAA,~~MAAM~~,~~qBAAqB,EACxD,OACEC,OAAA,~~MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EACU~~,~~kBAAAF~~,EACb,GAAAC,YAEHF,~~EAAQM~~,EAAAA,IAAO,QAAA,CAAA,~~GAAIL~~,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,+4BACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-wallet-fill.js","sources":["../../../../src/components/icons/ico-wallet-fill.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWalletFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16.4977 1.09429C15.9723 0.947752 15.4266 0.973122 14.9168 1.16268L3.22913 5.51079C2.50441 5.78031 1.93771 6.34542 1.56387 7.02437C1.18891 7.70537 0.999897 8.50968 1 9.31378V10V18C1 20.7614 3.23858 23 6 23H18C20.7614 23 23 20.7614 23 18V10C23 7.7789 21.5518 5.89605 19.5481 5.24426L18.6451 3.27558C18.4619 2.77404 18.1921 2.31076 17.8382 1.93149C17.4727 1.53976 17.0181 1.23945 16.4977 1.09429ZM17.2357 5L16.7907 4.02971L16.7756 3.98707C16.671 3.69089 16.5279 3.45882 16.3759 3.29586C16.2248 3.134 16.0786 3.05374 15.9604 3.02076C15.8472 2.98918 15.7335 2.99284 15.614 3.03723L10.3381 5H17.2357ZM16.5 16C16.1022 16 15.7206 15.842 15.4393 15.5607C15.158 15.2794 15 14.8978 15 14.5C15 14.1022 15.158 13.7206 15.4393 13.4393C15.7206 13.158 16.1022 13 16.5 13C16.8978 13 17.2794 13.158 17.5607 13.4393C17.842 13.7206 18 14.1022 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWalletFill;\n"],"names":["IcoWalletFill","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAgB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIjEC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,+4BACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/icons/ico-wallet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("@styled/tokens");const n=({color:r,title:t,titleId:l,...C})=>{const i=r||o.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":l,...C,children:[t?e.jsx("title",{id:l,children:t}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.9168 1.16268C15.4266 0.973122 15.9723 0.947752 16.4977 1.09429C17.0181 1.23945 17.4727 1.53976 17.8382 1.93149C18.1921 2.31076 18.4619 2.77404 18.6451 3.27558L19.5481 5.24427C21.5518 5.89605 23 7.7789 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10V9.31378V9.31362C0.999897 8.50952 1.18891 7.70537 1.56387 7.02437C1.93771 6.34542 2.50441 5.78031 3.22913 5.51079L3.22931 5.51073L14.9166 1.16274L14.9168 1.16268ZM19 7.44803H4.42205C3.56851 7.97692 3 8.92207 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.92207 20.4315 7.97692 19.578 7.44803H19ZM16.8095 4.07082L17.2357 5H10.3381L15.6138 3.03729L15.614 3.03723C15.7335 2.99284 15.8472 2.98918 15.9604 3.02076C16.0786 3.05374 16.2248 3.134 16.3759 3.29586C16.5279 3.45882 16.671 3.69089 16.7756 3.98707L16.7907 4.02971L16.8095 4.07082ZM15.4393 15.5607C15.7206 15.842 16.1022 16 16.5 16C16.8978 16 17.2794 15.842 17.5607 15.5607C17.842 15.2794 18 14.8978 18 14.5C18 14.1022 17.842 13.7206 17.5607 13.4393C17.2794 13.158 16.8978 13 16.5 13C16.1022 13 15.7206 13.158 15.4393 13.4393C15.158 13.7206 15 14.1022 15 14.5C15 14.8978 15.158 15.2794 15.4393 15.5607Z",fill:"currentColor"})]})};exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const i=({color:C,title:l,titleId:t,...r})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:C||"var(--color-text-primary)","aria-labelledby":t,...r,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.9168 1.16268C15.4266 0.973122 15.9723 0.947752 16.4977 1.09429C17.0181 1.23945 17.4727 1.53976 17.8382 1.93149C18.1921 2.31076 18.4619 2.77404 18.6451 3.27558L19.5481 5.24427C21.5518 5.89605 23 7.7789 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10V9.31378V9.31362C0.999897 8.50952 1.18891 7.70537 1.56387 7.02437C1.93771 6.34542 2.50441 5.78031 3.22913 5.51079L3.22931 5.51073L14.9166 1.16274L14.9168 1.16268ZM19 7.44803H4.42205C3.56851 7.97692 3 8.92207 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.92207 20.4315 7.97692 19.578 7.44803H19ZM16.8095 4.07082L17.2357 5H10.3381L15.6138 3.03729L15.614 3.03723C15.7335 2.99284 15.8472 2.98918 15.9604 3.02076C16.0786 3.05374 16.2248 3.134 16.3759 3.29586C16.5279 3.45882 16.671 3.69089 16.7756 3.98707L16.7907 4.02971L16.8095 4.07082ZM15.4393 15.5607C15.7206 15.842 16.1022 16 16.5 16C16.8978 16 17.2794 15.842 17.5607 15.5607C17.842 15.2794 18 14.8978 18 14.5C18 14.1022 17.842 13.7206 17.5607 13.4393C17.2794 13.158 16.8978 13 16.5 13C16.1022 13 15.7206 13.158 15.4393 13.4393C15.158 13.7206 15 14.1022 15 14.5C15 14.8978 15.158 15.2794 15.4393 15.5607Z",fill:"currentColor"})]});exports.default=i;
 //# sourceMappingURL=ico-wallet.js.map

package/dist/cjs/components/icons/ico-wallet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-wallet.js","sources":["../../../../src/components/icons/ico-wallet.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWallet = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.9168 1.16268C15.4266 0.973122 15.9723 0.947752 16.4977 1.09429C17.0181 1.23945 17.4727 1.53976 17.8382 1.93149C18.1921 2.31076 18.4619 2.77404 18.6451 3.27558L19.5481 5.24427C21.5518 5.89605 23 7.7789 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10V9.31378V9.31362C0.999897 8.50952 1.18891 7.70537 1.56387 7.02437C1.93771 6.34542 2.50441 5.78031 3.22913 5.51079L3.22931 5.51073L14.9166 1.16274L14.9168 1.16268ZM19 7.44803H4.42205C3.56851 7.97692 3 8.92207 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.92207 20.4315 7.97692 19.578 7.44803H19ZM16.8095 4.07082L17.2357 5H10.3381L15.6138 3.03729L15.614 3.03723C15.7335 2.99284 15.8472 2.98918 15.9604 3.02076C16.0786 3.05374 16.2248 3.134 16.3759 3.29586C16.5279 3.45882 16.671 3.69089 16.7756 3.98707L16.7907 4.02971L16.8095 4.07082ZM15.4393 15.5607C15.7206 15.842 16.1022 16 16.5 16C16.8978 16 17.2794 15.842 17.5607 15.5607C17.842 15.2794 18 14.8978 18 14.5C18 14.1022 17.842 13.7206 17.5607 13.4393C17.2794 13.158 16.8978 13 16.5 13C16.1022 13 15.7206 13.158 15.4393 13.4393C15.158 13.7206 15 14.1022 15 14.5C15 14.8978 15.158 15.2794 15.4393 15.5607Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWallet;\n"],"names":["IcoWallet","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,MAAMA,EAAY,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAE5E,MAAMC,EAAQJ,GAAeK,~~EAAAA,~~MAAM~~,~~qBAAqB,EACxD,OACEC,OAAA,~~MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EACU~~,~~kBAAAF~~,EACb,GAAAC,YAEHF,~~EAAQM~~,EAAAA,IAAO,QAAA,CAAA,~~GAAIL~~,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,ooCACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-wallet.js","sources":["../../../../src/components/icons/ico-wallet.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWallet = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M14.9168 1.16268C15.4266 0.973122 15.9723 0.947752 16.4977 1.09429C17.0181 1.23945 17.4727 1.53976 17.8382 1.93149C18.1921 2.31076 18.4619 2.77404 18.6451 3.27558L19.5481 5.24427C21.5518 5.89605 23 7.7789 23 10V18C23 20.7614 20.7614 23 18 23H6C3.23858 23 1 20.7614 1 18V10V9.31378V9.31362C0.999897 8.50952 1.18891 7.70537 1.56387 7.02437C1.93771 6.34542 2.50441 5.78031 3.22913 5.51079L3.22931 5.51073L14.9166 1.16274L14.9168 1.16268ZM19 7.44803H4.42205C3.56851 7.97692 3 8.92207 3 10V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V10C21 8.92207 20.4315 7.97692 19.578 7.44803H19ZM16.8095 4.07082L17.2357 5H10.3381L15.6138 3.03729L15.614 3.03723C15.7335 2.99284 15.8472 2.98918 15.9604 3.02076C16.0786 3.05374 16.2248 3.134 16.3759 3.29586C16.5279 3.45882 16.671 3.69089 16.7756 3.98707L16.7907 4.02971L16.8095 4.07082ZM15.4393 15.5607C15.7206 15.842 16.1022 16 16.5 16C16.8978 16 17.2794 15.842 17.5607 15.5607C17.842 15.2794 18 14.8978 18 14.5C18 14.1022 17.842 13.7206 17.5607 13.4393C17.2794 13.158 16.8978 13 16.5 13C16.1022 13 15.7206 13.158 15.4393 13.4393C15.158 13.7206 15 14.1022 15 14.5C15 14.8978 15.158 15.2794 15.4393 15.5607Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWallet;\n"],"names":["IcoWallet","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAY,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI7DC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,ooCACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/icons/ico-wand.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@styled/tokens");const o=({color:r,title:l,titleId:C,...t})=>{const L=r||i.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:L,"aria-labelledby":C,...t,children:[l?e.jsx("title",{id:C,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.14075 0.520228C7.9653 0.468762 7.77575 0.51717 7.64646 0.646459C7.51717 0.775748 7.46876 0.965299 7.52023 1.14075L7.91895 2.50001L7.52023 3.85928C7.46876 4.03473 7.51717 4.22428 7.64646 4.35357C7.77575 4.48286 7.9653 4.53126 8.14075 4.4798L9.50001 4.08108L10.8593 4.4798C11.0347 4.53126 11.2243 4.48286 11.3536 4.35357C11.4829 4.22428 11.5313 4.03473 11.4798 3.85928L11.0811 2.50001L11.4798 1.14075C11.5313 0.965299 11.4829 0.775748 11.3536 0.646459C11.2243 0.51717 11.0347 0.468762 10.8593 0.520228L9.50001 0.918945L8.14075 0.520228ZM2.14075 7.52023C1.9653 7.46876 1.77575 7.51717 1.64646 7.64646C1.51717 7.77575 1.46876 7.9653 1.52023 8.14075L1.91895 9.50001L1.52023 10.8593C1.46876 11.0347 1.51717 11.2243 1.64646 11.3536C1.77575 11.4829 1.9653 11.5313 2.14075 11.4798L3.50001 11.0811L4.85928 11.4798C5.03473 11.5313 5.22428 11.4829 5.35357 11.3536C5.48286 11.2243 5.53126 11.0347 5.4798 10.8593L5.08108 9.50001L5.4798 8.14075C5.53126 7.9653 5.48286 7.77575 5.35357 7.64646C5.22428 7.51717 5.03473 7.46876 4.85928 7.52023L3.50001 7.91894L2.14075 7.52023ZM19.1407 14.5202C18.9653 14.4688 18.7757 14.5172 18.6465 14.6465C18.5172 14.7757 18.4688 14.9653 18.5202 15.1407L18.9189 16.5L18.5202 17.8593C18.4688 18.0347 18.5172 18.2243 18.6465 18.3536C18.7757 18.4829 18.9653 18.5313 19.1407 18.4798L20.5 18.0811L21.8593 18.4798C22.0347 18.5313 22.2243 18.4829 22.3536 18.3536C22.4829 18.2243 22.5313 18.0347 22.4798 17.8593L22.0811 16.5L22.4798 15.1407C22.5313 14.9653 22.4829 14.7757 22.3536 14.6465C22.2243 14.5172 22.0347 14.4688 21.8593 14.5202L20.5 14.9189L19.1407 14.5202Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.1892 1.81085C20.9604 0.582011 18.968 0.582012 17.7392 1.81085L1.80704 17.743C0.578196 18.9718 0.578198 20.9642 1.80704 22.193C3.03587 23.4219 5.02822 23.4219 6.25705 22.193L22.1892 6.26087C23.418 5.03203 23.418 3.03969 22.1892 1.81085ZM19.1534 3.22506C19.6012 2.77727 20.3272 2.77727 20.775 3.22506C21.2228 3.67285 21.2228 4.39886 20.775 4.84665L18.0179 7.60373L16.3963 5.98214L19.1534 3.22506Z",fill:"currentColor"})]})};exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const r=({color:L,title:l,titleId:C,...t})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:L||"var(--color-text-primary)","aria-labelledby":C,...t,children:[l?e.jsx("title",{id:C,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.14075 0.520228C7.9653 0.468762 7.77575 0.51717 7.64646 0.646459C7.51717 0.775748 7.46876 0.965299 7.52023 1.14075L7.91895 2.50001L7.52023 3.85928C7.46876 4.03473 7.51717 4.22428 7.64646 4.35357C7.77575 4.48286 7.9653 4.53126 8.14075 4.4798L9.50001 4.08108L10.8593 4.4798C11.0347 4.53126 11.2243 4.48286 11.3536 4.35357C11.4829 4.22428 11.5313 4.03473 11.4798 3.85928L11.0811 2.50001L11.4798 1.14075C11.5313 0.965299 11.4829 0.775748 11.3536 0.646459C11.2243 0.51717 11.0347 0.468762 10.8593 0.520228L9.50001 0.918945L8.14075 0.520228ZM2.14075 7.52023C1.9653 7.46876 1.77575 7.51717 1.64646 7.64646C1.51717 7.77575 1.46876 7.9653 1.52023 8.14075L1.91895 9.50001L1.52023 10.8593C1.46876 11.0347 1.51717 11.2243 1.64646 11.3536C1.77575 11.4829 1.9653 11.5313 2.14075 11.4798L3.50001 11.0811L4.85928 11.4798C5.03473 11.5313 5.22428 11.4829 5.35357 11.3536C5.48286 11.2243 5.53126 11.0347 5.4798 10.8593L5.08108 9.50001L5.4798 8.14075C5.53126 7.9653 5.48286 7.77575 5.35357 7.64646C5.22428 7.51717 5.03473 7.46876 4.85928 7.52023L3.50001 7.91894L2.14075 7.52023ZM19.1407 14.5202C18.9653 14.4688 18.7757 14.5172 18.6465 14.6465C18.5172 14.7757 18.4688 14.9653 18.5202 15.1407L18.9189 16.5L18.5202 17.8593C18.4688 18.0347 18.5172 18.2243 18.6465 18.3536C18.7757 18.4829 18.9653 18.5313 19.1407 18.4798L20.5 18.0811L21.8593 18.4798C22.0347 18.5313 22.2243 18.4829 22.3536 18.3536C22.4829 18.2243 22.5313 18.0347 22.4798 17.8593L22.0811 16.5L22.4798 15.1407C22.5313 14.9653 22.4829 14.7757 22.3536 14.6465C22.2243 14.5172 22.0347 14.4688 21.8593 14.5202L20.5 14.9189L19.1407 14.5202Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.1892 1.81085C20.9604 0.582011 18.968 0.582012 17.7392 1.81085L1.80704 17.743C0.578196 18.9718 0.578198 20.9642 1.80704 22.193C3.03587 23.4219 5.02822 23.4219 6.25705 22.193L22.1892 6.26087C23.418 5.03203 23.418 3.03969 22.1892 1.81085ZM19.1534 3.22506C19.6012 2.77727 20.3272 2.77727 20.775 3.22506C21.2228 3.67285 21.2228 4.39886 20.775 4.84665L18.0179 7.60373L16.3963 5.98214L19.1534 3.22506Z",fill:"currentColor"})]});exports.default=r;
 //# sourceMappingURL=ico-wand.js.map

package/dist/cjs/components/icons/ico-wand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-wand.js","sources":["../../../../src/components/icons/ico-wand.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWand = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.14075 0.520228C7.9653 0.468762 7.77575 0.51717 7.64646 0.646459C7.51717 0.775748 7.46876 0.965299 7.52023 1.14075L7.91895 2.50001L7.52023 3.85928C7.46876 4.03473 7.51717 4.22428 7.64646 4.35357C7.77575 4.48286 7.9653 4.53126 8.14075 4.4798L9.50001 4.08108L10.8593 4.4798C11.0347 4.53126 11.2243 4.48286 11.3536 4.35357C11.4829 4.22428 11.5313 4.03473 11.4798 3.85928L11.0811 2.50001L11.4798 1.14075C11.5313 0.965299 11.4829 0.775748 11.3536 0.646459C11.2243 0.51717 11.0347 0.468762 10.8593 0.520228L9.50001 0.918945L8.14075 0.520228ZM2.14075 7.52023C1.9653 7.46876 1.77575 7.51717 1.64646 7.64646C1.51717 7.77575 1.46876 7.9653 1.52023 8.14075L1.91895 9.50001L1.52023 10.8593C1.46876 11.0347 1.51717 11.2243 1.64646 11.3536C1.77575 11.4829 1.9653 11.5313 2.14075 11.4798L3.50001 11.0811L4.85928 11.4798C5.03473 11.5313 5.22428 11.4829 5.35357 11.3536C5.48286 11.2243 5.53126 11.0347 5.4798 10.8593L5.08108 9.50001L5.4798 8.14075C5.53126 7.9653 5.48286 7.77575 5.35357 7.64646C5.22428 7.51717 5.03473 7.46876 4.85928 7.52023L3.50001 7.91894L2.14075 7.52023ZM19.1407 14.5202C18.9653 14.4688 18.7757 14.5172 18.6465 14.6465C18.5172 14.7757 18.4688 14.9653 18.5202 15.1407L18.9189 16.5L18.5202 17.8593C18.4688 18.0347 18.5172 18.2243 18.6465 18.3536C18.7757 18.4829 18.9653 18.5313 19.1407 18.4798L20.5 18.0811L21.8593 18.4798C22.0347 18.5313 22.2243 18.4829 22.3536 18.3536C22.4829 18.2243 22.5313 18.0347 22.4798 17.8593L22.0811 16.5L22.4798 15.1407C22.5313 14.9653 22.4829 14.7757 22.3536 14.6465C22.2243 14.5172 22.0347 14.4688 21.8593 14.5202L20.5 14.9189L19.1407 14.5202Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.1892 1.81085C20.9604 0.582011 18.968 0.582012 17.7392 1.81085L1.80704 17.743C0.578196 18.9718 0.578198 20.9642 1.80704 22.193C3.03587 23.4219 5.02822 23.4219 6.25705 22.193L22.1892 6.26087C23.418 5.03203 23.418 3.03969 22.1892 1.81085ZM19.1534 3.22506C19.6012 2.77727 20.3272 2.77727 20.775 3.22506C21.2228 3.67285 21.2228 4.39886 20.775 4.84665L18.0179 7.60373L16.3963 5.98214L19.1534 3.22506Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWand;\n"],"names":["IcoWand","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,~~MAAMA,~~EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAE1E,MAAMC,EAAQJ,GAAeK,EAAM,MAAA,qBAAqB,EACxD,OACEC,~~EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EACU~~,~~kBAAAF~~,KACbC,EAAK,SAAA,CAERF,~~EAAQM~~,EAAAA,IAAA,QAAA,CAAO,~~GAAIL~~,WAAUD,CAAK,CAAA,EAAY,KAC/CM,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,4iDACF,KAAK,cAAc,CAAA,EAErBA,~~EAAAA~~,IAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,iZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-wand.js","sources":["../../../../src/components/icons/ico-wand.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWand = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M8.14075 0.520228C7.9653 0.468762 7.77575 0.51717 7.64646 0.646459C7.51717 0.775748 7.46876 0.965299 7.52023 1.14075L7.91895 2.50001L7.52023 3.85928C7.46876 4.03473 7.51717 4.22428 7.64646 4.35357C7.77575 4.48286 7.9653 4.53126 8.14075 4.4798L9.50001 4.08108L10.8593 4.4798C11.0347 4.53126 11.2243 4.48286 11.3536 4.35357C11.4829 4.22428 11.5313 4.03473 11.4798 3.85928L11.0811 2.50001L11.4798 1.14075C11.5313 0.965299 11.4829 0.775748 11.3536 0.646459C11.2243 0.51717 11.0347 0.468762 10.8593 0.520228L9.50001 0.918945L8.14075 0.520228ZM2.14075 7.52023C1.9653 7.46876 1.77575 7.51717 1.64646 7.64646C1.51717 7.77575 1.46876 7.9653 1.52023 8.14075L1.91895 9.50001L1.52023 10.8593C1.46876 11.0347 1.51717 11.2243 1.64646 11.3536C1.77575 11.4829 1.9653 11.5313 2.14075 11.4798L3.50001 11.0811L4.85928 11.4798C5.03473 11.5313 5.22428 11.4829 5.35357 11.3536C5.48286 11.2243 5.53126 11.0347 5.4798 10.8593L5.08108 9.50001L5.4798 8.14075C5.53126 7.9653 5.48286 7.77575 5.35357 7.64646C5.22428 7.51717 5.03473 7.46876 4.85928 7.52023L3.50001 7.91894L2.14075 7.52023ZM19.1407 14.5202C18.9653 14.4688 18.7757 14.5172 18.6465 14.6465C18.5172 14.7757 18.4688 14.9653 18.5202 15.1407L18.9189 16.5L18.5202 17.8593C18.4688 18.0347 18.5172 18.2243 18.6465 18.3536C18.7757 18.4829 18.9653 18.5313 19.1407 18.4798L20.5 18.0811L21.8593 18.4798C22.0347 18.5313 22.2243 18.4829 22.3536 18.3536C22.4829 18.2243 22.5313 18.0347 22.4798 17.8593L22.0811 16.5L22.4798 15.1407C22.5313 14.9653 22.4829 14.7757 22.3536 14.6465C22.2243 14.5172 22.0347 14.4688 21.8593 14.5202L20.5 14.9189L19.1407 14.5202Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M22.1892 1.81085C20.9604 0.582011 18.968 0.582012 17.7392 1.81085L1.80704 17.743C0.578196 18.9718 0.578198 20.9642 1.80704 22.193C3.03587 23.4219 5.02822 23.4219 6.25705 22.193L22.1892 6.26087C23.418 5.03203 23.418 3.03969 22.1892 1.81085ZM19.1534 3.22506C19.6012 2.77727 20.3272 2.77727 20.775 3.22506C21.2228 3.67285 21.2228 4.39886 20.775 4.84665L18.0179 7.60373L16.3963 5.98214L19.1534 3.22506Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWand;\n"],"names":["IcoWand","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"6GAWMA,EAAU,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI3DC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,KACbC,EAAK,SAAA,CAERF,EAAQI,EAAAA,IAAA,QAAA,CAAO,GAAIH,WAAUD,CAAK,CAAA,EAAY,KAC/CI,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,4iDACF,KAAK,cAAc,CAAA,EAErBA,EAAA,IAAA,OAAA,CACE,SAAS,UACT,SAAS,UACT,EAAE,iZACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/icons/ico-warning-fill.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("@styled/tokens");const s=({color:r,title:l,titleId:t,...i})=>{const o=r||n.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o,"aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36635 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36909C1.09191 24 -0.355028 21.5625 0.735407 19.5634L9.36635 3.74008L10.2442 4.21893L9.36635 3.74008ZM12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9ZM10.4946 19C10.4946 18.1716 11.1662 17.5 11.9946 17.5H12.0036C12.832 17.5 13.5036 18.1716 13.5036 19C13.5036 19.8284 12.832 20.5 12.0036 20.5H11.9946C11.1662 20.5 10.4946 19.8284 10.4946 19Z",fill:"currentColor"})]})};exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const o=({color:r,title:l,titleId:t,...i})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36635 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36909C1.09191 24 -0.355028 21.5625 0.735407 19.5634L9.36635 3.74008L10.2442 4.21893L9.36635 3.74008ZM12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9ZM10.4946 19C10.4946 18.1716 11.1662 17.5 11.9946 17.5H12.0036C12.832 17.5 13.5036 18.1716 13.5036 19C13.5036 19.8284 12.832 20.5 12.0036 20.5H11.9946C11.1662 20.5 10.4946 19.8284 10.4946 19Z",fill:"currentColor"})]});exports.default=o;
 //# sourceMappingURL=ico-warning-fill.js.map

package/dist/cjs/components/icons/ico-warning-fill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-warning-fill.js","sources":["../../../../src/components/icons/ico-warning-fill.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarningFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.36635 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36909C1.09191 24 -0.355028 21.5625 0.735407 19.5634L9.36635 3.74008L10.2442 4.21893L9.36635 3.74008ZM12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9ZM10.4946 19C10.4946 18.1716 11.1662 17.5 11.9946 17.5H12.0036C12.832 17.5 13.5036 18.1716 13.5036 19C13.5036 19.8284 12.832 20.5 12.0036 20.5H11.9946C11.1662 20.5 10.4946 19.8284 10.4946 19Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarningFill;\n"],"names":["IcoWarningFill","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,MAAMA,EAAiB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAEjF,MAAMC,EAAQJ,GAAeK,~~EAAAA,~~MAAM~~,~~qBAAqB,EACxD,OACEC,OAAA,~~MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~EACU~~,~~kBAAAF~~,EACb,GAAAC,YAEHF,~~EAAQM~~,EAAAA,IAAO,QAAA,CAAA,~~GAAIL~~,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CM,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,shBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-warning-fill.js","sources":["../../../../src/components/icons/ico-warning-fill.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarningFill = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.36635 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36909C1.09191 24 -0.355028 21.5625 0.735407 19.5634L9.36635 3.74008L10.2442 4.21893L9.36635 3.74008ZM12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9ZM10.4946 19C10.4946 18.1716 11.1662 17.5 11.9946 17.5H12.0036C12.832 17.5 13.5036 18.1716 13.5036 19C13.5036 19.8284 12.832 20.5 12.0036 20.5H11.9946C11.1662 20.5 10.4946 19.8284 10.4946 19Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarningFill;\n"],"names":["IcoWarningFill","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAiB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAIlEC,EAAAA,KAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,4BASR,kBAAAE,EACb,GAAAC,YAEHF,EAAQI,EAAAA,IAAO,QAAA,CAAA,GAAIH,EAAU,SAAAD,CAAc,CAAA,EAAG,KAC/CI,EAAAA,YACE,SAAS,UACT,SAAS,UACT,EAAE,shBACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/icons/ico-warning.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("@styled/tokens");const s=({color:r,title:l,titleId:t,...i})=>{const o=r||n.token("colors.text.primary");return e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:o,"aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{d:"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z",fill:"currentColor"}),e.jsx("path",{d:"M11.9946 16.75C11.3043 16.75 10.7446 17.3096 10.7446 18C10.7446 18.6904 11.3043 19.25 11.9946 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9946Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36633 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36908C1.0919 24 -0.355043 21.5625 0.735391 19.5634L9.36633 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5011 4.00292 11.1221 4.69778L2.49118 20.5211C2.1277 21.1875 2.61002 22 3.36908 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z",fill:"currentColor"})]})};exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const o=({color:r,title:l,titleId:t,...i})=>e.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r||"var(--color-text-primary)","aria-labelledby":t,...i,children:[l?e.jsx("title",{id:t,children:l}):null,e.jsx("path",{d:"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z",fill:"currentColor"}),e.jsx("path",{d:"M11.9946 16.75C11.3043 16.75 10.7446 17.3096 10.7446 18C10.7446 18.6904 11.3043 19.25 11.9946 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9946Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36633 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36908C1.0919 24 -0.355043 21.5625 0.735391 19.5634L9.36633 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5011 4.00292 11.1221 4.69778L2.49118 20.5211C2.1277 21.1875 2.61002 22 3.36908 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z",fill:"currentColor"})]});exports.default=o;
 //# sourceMappingURL=ico-warning.js.map

package/dist/cjs/components/icons/ico-warning.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ico-warning.js","sources":["../../../../src/components/icons/ico-warning.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\~~nimport { token } from '@styled/tokens';\~~ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarning = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M11.9946 16.75C11.3043 16.75 10.7446 17.3096 10.7446 18C10.7446 18.6904 11.3043 19.25 11.9946 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9946Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.36633 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36908C1.0919 24 -0.355043 21.5625 0.735391 19.5634L9.36633 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5011 4.00292 11.1221 4.69778L2.49118 20.5211C2.1277 21.1875 2.61002 22 3.36908 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarning;\n"],"names":["IcoWarning","customColor","title","titleId","props","~~color","token","~~_jsxs","_jsx"],"mappings":"~~mIAYA~~,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,~~IAAa~~,~~CAE7E,MAAMC,EAAQJ,GAAeK,~~EAAAA,~~MAAM~~,~~qBAAqB,EACxD,OACEC,OACE,~~MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,~~MAAOF~~,~~oBACUF~~,EAAO,GACpBC,EAEH,SAAA,CAAAF,~~EAAQM~~,~~EAAAA~~,~~IAAO,~~QAAA,CAAA,~~GAAIL~~,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CM,~~EAAAA~~,~~IAAA,~~OAAA,CACE,EAAE,4HACF,KAAK,cAAc,CAAA,EAErBA,EAAAA,IACE,OAAA,CAAA,EAAE,0MACF,KAAK,cACL,CAAA,EACFA,cACE,SAAS,UACT,SAAS,UACT,EAAE,qXACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA~~,CAGR~~"}
1	+ {"version":3,"file":"ico-warning.js","sources":["../../../../src/components/icons/ico-warning.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst IcoWarning = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| 'var(--color-text-primary)';\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M11.9946 16.75C11.3043 16.75 10.7446 17.3096 10.7446 18C10.7446 18.6904 11.3043 19.25 11.9946 19.25H12.0036C12.694 19.25 13.2536 18.6904 13.2536 18C13.2536 17.3096 12.694 16.75 12.0036 16.75H11.9946Z\"\n fill=\"currentColor\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.36633 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36908C1.0919 24 -0.355043 21.5625 0.735391 19.5634L9.36633 3.74008ZM12.8779 4.69778C12.4989 4.00292 11.5011 4.00292 11.1221 4.69778L2.49118 20.5211C2.1277 21.1875 2.61002 22 3.36908 22H20.6309C21.39 22 21.8723 21.1875 21.5088 20.5211L12.8779 4.69778Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n};\nexport default IcoWarning;\n"],"names":["IcoWarning","customColor","title","titleId","props","_jsxs","_jsx"],"mappings":"uGAWA,MAAMA,EAAa,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAI9DC,EAAAA,KACE,MAAA,CAAA,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MARUJ,GAAe,8CASRE,EAAO,GACpBC,EAEH,SAAA,CAAAF,EAAQI,MAAO,QAAA,CAAA,GAAIH,EAAO,SAAGD,CAAc,CAAA,EAAG,KAC/CI,MAAA,OAAA,CACE,EAAE,4HACF,KAAK,cAAc,CAAA,EAErBA,EAAAA,IACE,OAAA,CAAA,EAAE,0MACF,KAAK,cACL,CAAA,EACFA,cACE,SAAS,UACT,SAAS,UACT,EAAE,qXACF,KAAK,cACL,CAAA,CAAA,CAAA,CAAA"}

package/dist/cjs/components/info/copy-button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),v=require("@styled/tokens"),f=require("../icons/ico-checkmark.js"),p=require("../icons/ico-copy.js"),t=require("react"),i=require("../primitives/button.js");const s=({value:o,showText:l,color:c,onCopy:n})=>{const a=c||v.token("colors.text.primary"),[e,u]=t.useState(!1);t.useEffect(()=>{e&&setTimeout(()=>{u(!1)},2500)},[e]);const d=t.useCallback(()=>{n(o),u(!0)},[o]);return r.jsx(i.default,{label:l?e?"Copied!":"Copy":void 0,variant:"text",onPress:d,iconSize:e?12:16,children:r.jsx(i.default.LeadingIcon,{children:e?r.jsx(f.default,{color:a}):r.jsx(p.default,{color:a})})})};s.displayName="CopyButton",exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),v=require("../icons/ico-checkmark.js"),p=require("../icons/ico-copy.js"),t=require("react"),i=require("../primitives/button.js");const c=({value:o,showText:l,color:s,onCopy:n})=>{const a=s||"var(--color-text-primary)",[e,u]=t.useState(!1);t.useEffect(()=>{e&&setTimeout(()=>{u(!1)},2500)},[e]);const d=t.useCallback(()=>{n(o),u(!0)},[o]);return r.jsx(i.default,{label:l?e?"Copied!":"Copy":void 0,variant:"text",onPress:d,iconSize:e?12:16,children:r.jsx(i.default.LeadingIcon,{children:e?r.jsx(v.default,{color:a}):r.jsx(p.default,{color:a})})})};c.displayName="CopyButton",exports.default=c;
 //# sourceMappingURL=copy-button.js.map

package/dist/cjs/components/info/copy-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"copy-button.js","sources":["../../../../src/components/info/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { ~~token } from '@styled/tokens';\nimport {~~ useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor \|\| ~~token~~(~~'colors.~~text.primary');\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","~~token","~~isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"~~oQAYA~~,~~MAAMA~~,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,~~GAAeG~~,~~EAAAA~~,~~MAAM~~,~~qBAAqB,EAElD,CAACC,~~EAAUC,CAAW,EAAIC,~~EAAAA~~,~~SAAS,~~EAAK,EAE9CC,~~YAAU~~,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,~~EAAAA~~,~~YAAY,~~IAAK,~~CACpCR~~,EAAOH,CAAK,~~EACZO~~,EAAY,EAAI,CAClB,EAAG,~~CAACP~~,CAAK,CAAC,EAIV,~~OACEY~~,EAAAA,IAACC,EAAO,QAAA,CAAA,~~MAHGZ~~,~~EAAaK~~,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAAAA,IAACC,~~EAAAA~~,~~QAAO~~,YAAa,CAAA,SAACP,EAAuCM,EAAAA,IAACE,~~EAAAA~~,~~QAAa~~,CAAA,~~MAAOV~~,CAAS,CAAA,~~EAA1DQ~~,EAAAA,IAACG,EAAAA,QAAQ,CAAA,~~MAAOX~~,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}
1	+ {"version":3,"file":"copy-button.js","sources":["../../../../src/components/info/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor \|\| 'var(--color-text-primary)';\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"wOAWMA,MAAAA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,GAAe,4BAEvB,CAACG,EAAUC,CAAW,EAAIC,WAAS,EAAK,EAE9CC,EAAAA,UAAU,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,cAAY,IAAK,CACpCP,EAAOH,CAAK,EACZM,EAAY,EAAI,CAClB,EAAG,CAACN,CAAK,CAAC,EAIV,OACEW,EAAAA,IAACC,EAAO,QAAA,CAAA,MAHGX,EAAaI,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAAAA,IAACC,EAAO,QAAA,YAAa,CAAA,SAACP,EAAuCM,EAAAA,IAACE,EAAa,QAAA,CAAA,MAAOT,CAAS,CAAA,EAA1DO,EAAAA,IAACG,EAAAA,QAAQ,CAAA,MAAOV,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}

package/dist/cjs/components/info/email-wbr.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react/jsx-runtime"),t=require("@styled/css");const s=({email:a})=>{const e=a.split("@");return r.jsxs("span",{className:t.css({overflowWrap:"break-word",wordBreak:"break-word",fontWeight:600}),children:[e[0],r.jsx("wbr",{}),"@",e[1]]})};s.displayName="EmailWbr",exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("react/jsx-runtime");const r=({email:a})=>{const e=a.split("@");return s.jsxs("span",{className:"break-words font-semibold",children:[e[0],s.jsx("wbr",{}),"@",e[1]]})};r.displayName="EmailWbr",exports.default=r;
 //# sourceMappingURL=email-wbr.js.map

package/dist/cjs/components/info/email-wbr.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/info/email-wbr.tsx"],"sourcesContent":["~~import~~ ~~{ css } from '@styled/css';\n\nexport~~ interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className~~={css({ overflowWrap: '~~break-~~word',~~ ~~wordBreak: 'break~~-~~word', fontWeight: 600 })}~~>\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","~~css","~~_jsx"],"mappings":"~~gIAMMA~~,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAAA,~~KAAA~~,OAAA,~~CAAM~~,~~UAAWC~~,~~EAAAA~~,~~IAAI,CAAE,aAAc,aAAc,UAAW,aAAc,WAAY,GAAG,CAAE,EAAC,~~SAAA,~~CAC3FF~~,EAAW,CAAC,~~EACbG~~,~~MAAO~~,MAAA,CAAA,CAAA,~~EAAA~~,~~IAAEH,~~EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}
1	+ {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/info/email-wbr.tsx"],"sourcesContent":["export interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className=\"break-words font-semibold\">\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","_jsx"],"mappings":"uGAIMA,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAAA,KAAM,OAAA,CAAA,UAAU,4BAA2B,SAAA,CACxCD,EAAW,CAAC,EACbE,EAAAA,IAAA,MAAA,CAAA,CAAA,MAASF,EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}

package/dist/cjs/components/info/security-otp.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("./copy-button.js");require("./email-wbr.js"),require("./text-box.js"),require("./wallet-address.js"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var a=require("../primitives/text.js"),r=require("@styled/jsx");const i=({otp:t,color:u,onCopy:o})=>e.jsxs(r.HStack,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(a.default.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:t})}),e.jsx(r.Box,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(n.default,{value:t,showText:!0,color:u,onCopy:o})})]});i.displayName="SecurityOtp",exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("./copy-button.js");require("./email-wbr.js"),require("./text-box.js"),require("./wallet-address.js"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var s=require("../primitives/text.js");const i=({otp:r,color:t,onCopy:u})=>e.jsxs("div",{className:"flex flex-row items-center bg-neutral-quaternary p-3 rounded-lg min-w-[15rem] justify-around w-full",children:[e.jsx("div",{className:"flex flex-row items-center w-[40%] justify-around",children:e.jsx(s.default.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:r})}),e.jsx("div",{className:"border-l border-solid border-neutral-tertiary h-8"}),e.jsx("div",{className:"flex flex-row items-center w-[40%] justify-around",children:e.jsx(l.default,{value:r,showText:!0,color:t,onCopy:u})})]});i.displayName="SecurityOtp",exports.default=i;
 //# sourceMappingURL=security-otp.js.map

package/dist/cjs/components/info/security-otp.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"security-otp.js","sources":["../../../../src/components/info/security-otp.tsx"],"sourcesContent":["import { CopyButton } from '@components/info';\nimport { Text } from '@components/primitives';\~~nimport { Box, HStack } from '@styled/jsx';\~~n\nexport interface SecurityOtpProps {\n otp: string \| number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <~~HStack\n bg~~=\"neutral.quaternary~~\"\n~~ p={3~~}\n~~ rounded~~=\"~~lg~~\"\n minWidth=\"~~15rem~~\"\n justifyContent=\"space~~-around~~\"\n alignItems=\"center\"\n width=\"~~full\"\n >\n <~~HStack~~ ~~width~~=\"40~~%\"~~ ~~justifyContent=\"space~~-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </~~HStack~~>\n <~~Box~~ ~~borderLeft~~=\"~~thin~~ solid\" ~~borderColor=\"~~neutral.tertiary\" ~~height={8}~~ />\n <~~HStack~~ ~~width~~=\"40~~%\"~~ ~~justifyContent=\"space~~-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </~~HStack~~>\n </~~HStack~~>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","~~HStack","~~_jsx","Text","~~Box","~~CopyButton"],"mappings":"~~oiBAUMA~~,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,~~EAAAA~~,~~KAACC~~,~~EAAAA~~,~~OACC~~,~~CAAA~~,~~GAAG~~,~~qBACH,EAAG,EACH,QAAQ,KACR,SAAS,QACT,eAAe,eACf,WAAW,SACX,MAAM,OAAM,~~SAAA,~~CAEZC~~,~~EAAAA~~,~~IAACD~~,~~EAAAA~~,~~QAAO~~,~~MAAM~~,~~MAAM~~,~~eAAe,eACjC,SAAAC,~~EAAAA,IAACC,~~EAAAA~~,~~QAAK~~,~~KAAI~~,~~CAAC,~~OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,~~SAAAN~~,~~CAAgB~~,CAAA,~~CAAA~~,~~CAAA~~,~~EAEhFK~~,~~EAACE~~,~~IAAAA,MAAI,~~CAAA,~~WAAW~~,~~aAAa~~,~~YAAY,mBAAmB,OAAQ,CAAC,~~CAAA,~~EACrEF~~,EAAAA,~~IAACD~~,~~SAAM~~,~~CAAC~~,~~MAAM~~,~~MAAM~~,~~eAAe~~,~~eACjC~~,~~SAAAC,EAACG,~~IAAAA,EAAAA,QAAU,CAAC,~~MAAOR~~,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,~~CAAU~~,CAAA,CAAA,CAAA,~~CAC3E~~,~~CACF,~~CAAA,~~EAIbH~~,EAAY,YAAc"}
1	+ {"version":3,"file":"security-otp.js","sources":["../../../../src/components/info/security-otp.tsx"],"sourcesContent":["import { CopyButton } from '@components/info';\nimport { Text } from '@components/primitives';\n\nexport interface SecurityOtpProps {\n otp: string \| number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <div className=\"flex flex-row items-center bg-neutral-quaternary p-3 rounded-lg min-w-[15rem] justify-around w-full\">\n <div className=\"flex flex-row items-center w-[40%] justify-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </div>\n <div className=\"border-l border-solid border-neutral-tertiary h-8\" />\n <div className=\"flex flex-row items-center w-[40%] justify-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </div>\n </div>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","_jsx","Text","CopyButton"],"mappings":"2gBASMA,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,EAAA,KAAA,MAAA,CAAK,UAAU,sGAAqG,SAAA,CAClHC,MAAK,MAAA,CAAA,UAAU,oDACb,SAAAA,EAAAA,IAACC,UAAK,KAAK,CAAA,OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,SAAAL,GAC1D,CAAA,EACNI,EAAAA,IAAK,MAAA,CAAA,UAAU,mDAAsD,CAAA,EACrEA,EAAAA,IAAK,MAAA,CAAA,UAAU,oDACb,SAAAA,EAACE,IAAAA,EAAAA,QAAU,CAAC,MAAON,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,CAAM,CAAA,CAC1E,CAAA,CAAA,CAAA,CAAA,EAKZH,EAAY,YAAc"}

package/dist/cjs/components/info/text-box.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),c=require("../containers/button.js");require("../containers/card.js"),require("@styled/css");var l=require("@styled/jsx"),a=require("@styled/tokens"),p=require("../icons/ico-checkmark.js"),v=require("../icons/ico-copy.js"),w=require("../icons/ico-eye-closed.js"),y=require("../icons/ico-eye-opened.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var h=require("../primitives/text.js"),r=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js");const q=x=>{const{content:t,onCopy:u,showHideButton:i,mono:f}=x,[o,n]=r.useState(!!i),[s,d]=r.useState(!1);r.useEffect(()=>{if(s){const j=setTimeout(()=>{d(!1)},1500);return()=>clearTimeout(j)}},[s]),r.useEffect(()=>{n(!!i)},[i]);const b=r.useCallback(()=>{u&&(u(t),d(!0))},[t]);return e.jsxs(l.HStack,{w:"full",px:4,py:3,rounded:10,bg:"surface.secondary",justifyContent:"space-between",position:"relative",children:[e.jsx(l.Box,{textWrap:"nowrap",overflow:"hidden",userSelect:o?"none":"auto",filter:o?"blur(10px)":"",children:f?e.jsx(h.default.Mono,{truncate:!0,children:t}):e.jsx(h.default,{truncate:!0,children:t})}),e.jsxs(l.HStack,{gap:3,children:[o&&e.jsx(c.ButtonContainer,{onPress:()=>n(!1),"aria-label":"show",children:e.jsx(w.default,{width:22,height:22,color:a.token("colors.brand.base")})}),i&&!o&&e.jsx(c.ButtonContainer,{onPress:()=>n(!0),"aria-label":"hide",children:e.jsx(y.default,{width:22,height:22,color:a.token("colors.brand.base")})}),u&&e.jsx(e.Fragment,{children:s?e.jsx(p.default,{width:22,height:22,color:a.token("colors.brand.base")}):e.jsx(c.ButtonContainer,{onPress:b,"aria-label":"copy",children:e.jsx(v.default,{width:22,height:22,color:a.token("colors.brand.base")})})})]})]})};q.displayName="TextBox",exports.default=q;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../containers/button.js");require("../containers/card.js");var v=require("../../lib/cn.js"),b=require("../icons/ico-checkmark.js"),j=require("../icons/ico-copy.js"),p=require("../icons/ico-eye-closed.js"),m=require("../icons/ico-eye-opened.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var c=require("../primitives/text.js"),r=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js");const d=h=>{const{content:t,onCopy:a,showHideButton:i,mono:x}=h,[o,u]=r.useState(!!i),[s,l]=r.useState(!1);r.useEffect(()=>{if(s){const f=setTimeout(()=>{l(!1)},1500);return()=>clearTimeout(f)}},[s]),r.useEffect(()=>{u(!!i)},[i]);const q=r.useCallback(()=>{a&&(a(t),l(!0))},[t]);return e.jsxs("div",{className:"flex flex-row items-center w-full px-4 py-3 rounded-[10px] bg-surface-secondary justify-between relative",children:[e.jsx("div",{className:v.cn("text-nowrap overflow-hidden",o?"select-none blur-[10px]":"select-auto"),children:x?e.jsx(c.default.Mono,{truncate:!0,children:t}):e.jsx(c.default,{truncate:!0,children:t})}),e.jsxs("div",{className:"flex flex-row items-center gap-3",children:[o&&e.jsx(n.ButtonContainer,{onPress:()=>u(!1),"aria-label":"show",children:e.jsx(p.default,{width:22,height:22,color:"var(--color-brand-base)"})}),i&&!o&&e.jsx(n.ButtonContainer,{onPress:()=>u(!0),"aria-label":"hide",children:e.jsx(m.default,{width:22,height:22,color:"var(--color-brand-base)"})}),a&&e.jsx(e.Fragment,{children:s?e.jsx(b.default,{width:22,height:22,color:"var(--color-brand-base)"}):e.jsx(n.ButtonContainer,{onPress:q,"aria-label":"copy",children:e.jsx(j.default,{width:22,height:22,color:"var(--color-brand-base)"})})})]})]})};d.displayName="TextBox",exports.default=d;
 //# sourceMappingURL=text-box.js.map

package/dist/cjs/components/info/text-box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { ~~Box,~~ ~~HStack~~ } from '@~~styled~~/~~jsx~~';\nimport { ~~token } from '@styled/tokens';\nimport {~~ useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n content: string;\n onCopy?: (content: string) => void;\n showHideButton?: boolean;\n mono?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n const { content, onCopy, showHideButton, mono } = props;\n const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n useEffect(() => {\n if (showHideButton) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n }, [showHideButton]);\n\n const handleOnCopy = useCallback(() => {\n if (!onCopy) return;\n onCopy(content);\n setIsCopied(true);\n }, [content]);\n\n return (\n <~~HStack\n w~~=\"full~~\"\n~~ px={4~~}\n~~ py={3~~}\n~~ rounded~~={10}\n~~ bg~~=\"~~surface.secondary~~\"\n justifyContent=\"space~~-between~~\"\n position=\"~~relative\"\n >\n <~~Box\n textWrap=\"~~nowrap~~\"\n~~ overflow~~=\"~~hidden~~\"\n userSelect={~~isHidden ? 'none' ~~: 'auto'}\n filter={isHidden ? '~~blur(10px)' : ''}\n >\n {mono ? <Text.Mono truncate>{content}</Text.Mono> : <Text truncate>{content}</Text>}\n </~~Box~~>\n\n <~~HStack~~ gap={3}>\n {isHidden && (\n <ButtonContainer onPress={() => setIsHidden(false)} aria-label=\"show\">\n <IcoEyeClosed width={22} height={22} color={~~token~~(~~'colors.~~brand.base')} />\n </ButtonContainer>\n )}\n {showHideButton && !isHidden && (\n <ButtonContainer onPress={() => setIsHidden(true)} aria-label=\"hide\">\n <IcoEyeOpened width={22} height={22} color={~~token~~(~~'colors.~~brand.base')} />\n </ButtonContainer>\n )}\n {onCopy && (\n <>\n {isCopied ? (\n <IcoCheckmark width={22} height={22} color={~~token~~(~~'colors.~~brand.base')} />\n ) : (\n <ButtonContainer onPress={handleOnCopy} aria-label=\"copy\">\n <IcoCopy width={22} height={22} color={~~token~~(~~'colors.~~brand.base')} />\n </ButtonContainer>\n )}\n </>\n )}\n </~~HStack~~>\n </~~HStack~~>\n );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","mono","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","~~HStack","~~_jsx","~~Box~~","Text","ButtonContainer","IcoEyeClosed","~~token","~~IcoEyeOpened","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"~~q9BAcMA~~,~~MAAAA~~,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,EAAgB,KAAAC,CAAI,EAAKJ,EAC5C,CAACK,EAAUC,CAAW,EAAIC,~~EAAS~~,~~SAAA~~,~~CAAA,~~CAAQJ,CAAe,EAC1D,CAACK,EAAUC,CAAW,EAAIF,~~WAAS~~,EAAK,EAE9CG,EAAAA,UAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,~~EAAU~~,~~UAAA~~,IAAK,CAEXJ,EADE,~~EAAAH~~,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMS,EAAeC,~~EAAY~~,~~YAAA,~~IAAK,CAC/BX,IACLA,EAAOD,CAAO,EACdQ,EAAY,EAAI,EAClB,EAAG,CAACR,CAAO,CAAC,EAEZ,OACEa,~~EAAAA~~,~~KAACC~~,~~EACC~~,~~OAAA~~,~~CAAA~~,~~EAAE~~,~~OACF~~,~~GAAI~~,~~EACJ~~,~~GAAI~~,~~EACJ~~,~~QAAS,GACT,~~GAAG,~~oBACH~~,~~eAAe,gBACf,SAAS,WAAU,SAAA,CAEnBC,EAACC,IAAAA,MACC,CAAA,SAAS,SACT,SAAS,SACT,WAAYZ,~~EAAW,~~OAAS~~,~~OAChC~~,~~OAAQA~~,~~EAAW~~,~~aAAe~~,~~GAAE~~,~~SAEnCD~~,~~EAAOY,~~EAAAA,~~IAACE~~,~~UAAK,~~KAAK,CAAA,~~SAAU~~,~~GAAA~~,~~SAAAjB~~,~~CAAoB~~,~~CAAA~~,~~EAAGe~~,~~MAACE~~,~~EAAK~~,~~QAAA~~,~~CAAA,~~SAAU,GAAA,~~SAAAjB~~,~~CAAe~~,CAAA,~~CAAA~~,~~CAAA~~,~~EAGrFa~~,~~EAACC~~,~~KAAAA~~,~~SAAM~~,~~CAAC~~,~~IAAK~~,~~EAAC~~,~~SAAA,CACXV,GACCW,~~EAAAA,~~IAACG~~,~~EAAe~~,~~gBAAA,CAAC,~~QAAS,~~IAAMb~~,EAAY,EAAK,EAAC,aAAa,~~OAAM~~,~~SACnEU~~,EAAAA,IAACI,~~EAAAA~~,~~QAAa,~~CAAA,MAAO,GAAI,OAAQ,GAAI,~~MAAOC~~,~~QAAM~~,~~mBAAmB,CAAK,~~CAAA,CAAA,CAAA,~~EAG7ElB~~,GAAkB,CAACE,~~GAClBW~~,~~MAACG,~~EAAAA,~~gBAAgB~~,CAAA,QAAS,~~IAAMb~~,EAAY,EAAI,EAAC,aAAa,~~OAAM~~,~~SAClEU~~,EAAAA,~~IAACM~~,~~EAAAA~~,~~QAAa~~,CAAA,MAAO,GAAI,OAAQ,GAAI,~~MAAOD~~,~~EAAAA~~,~~MAAM~~,~~mBAAmB,CAAC,~~CAAA,~~CACtD,~~CAAA,~~EAEnBnB~~,~~GACCc~~,~~EAAAA~~,~~IACGO~~,WAAA,CAAA,~~SAAAf~~,~~EACCQ~~,~~EAAAA~~,~~IAACQ~~,~~EAAY~~,~~QAAA~~,~~CAAC,~~MAAO,GAAI,OAAQ,GAAI,~~MAAOH~~,~~EAAAA~~,~~MAAM,mBAAmB,CAAK,~~CAAA,~~EAE1EL~~,EAAAA,IAACG,EAAAA,~~gBAAgB~~,~~CAAA~~,~~QAASP,~~EAAyB,aAAA,~~OACjD~~,~~SAAAI,~~EAAAA,~~IAACS~~,EAAAA,~~QAAO~~,~~CAAC,~~MAAO,GAAI,OAAQ,GAAI,~~MAAOJ~~,~~EAAAA~~,~~MAAM,mBAAmB,CAAK,~~CAAA,~~CAAA~~,CAAA,~~CAExE,~~CAAA,~~CAEJ~~,~~CAAA,CAAA,CACM,~~CACF,CAAA,~~CAEb~~,~~EAEAtB~~,EAAQ,YAAc"}
1	+ {"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { cn } from '@lib/cn';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n content: string;\n onCopy?: (content: string) => void;\n showHideButton?: boolean;\n mono?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n const { content, onCopy, showHideButton, mono } = props;\n const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n useEffect(() => {\n if (showHideButton) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n }, [showHideButton]);\n\n const handleOnCopy = useCallback(() => {\n if (!onCopy) return;\n onCopy(content);\n setIsCopied(true);\n }, [content]);\n\n return (\n <div className=\"flex flex-row items-center w-full px-4 py-3 rounded-[10px] bg-surface-secondary justify-between relative\">\n <div className={cn('text-nowrap overflow-hidden', isHidden ? 'select-none blur-[10px]' : 'select-auto')}>\n {mono ? <Text.Mono truncate>{content}</Text.Mono> : <Text truncate>{content}</Text>}\n </div>\n\n <div className=\"flex flex-row items-center gap-3\">\n {isHidden && (\n <ButtonContainer onPress={() => setIsHidden(false)} aria-label=\"show\">\n <IcoEyeClosed width={22} height={22} color={'var(--color-brand-base)'} />\n </ButtonContainer>\n )}\n {showHideButton && !isHidden && (\n <ButtonContainer onPress={() => setIsHidden(true)} aria-label=\"hide\">\n <IcoEyeOpened width={22} height={22} color={'var(--color-brand-base)'} />\n </ButtonContainer>\n )}\n {onCopy && (\n <>\n {isCopied ? (\n <IcoCheckmark width={22} height={22} color={'var(--color-brand-base)'} />\n ) : (\n <ButtonContainer onPress={handleOnCopy} aria-label=\"copy\">\n <IcoCopy width={22} height={22} color={'var(--color-brand-base)'} />\n </ButtonContainer>\n )}\n </>\n )}\n </div>\n </div>\n );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","mono","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","_jsx","cn","Text","ButtonContainer","IcoEyeClosed","IcoEyeOpened","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"s6BAaA,MAAMA,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,EAAgB,KAAAC,CAAI,EAAKJ,EAC5C,CAACK,EAAUC,CAAW,EAAIC,EAAAA,SAAS,CAAQJ,CAAAA,CAAe,EAC1D,CAACK,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAK,EAE9CG,EAAAA,UAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,EAAAA,UAAU,IAAK,CAEXJ,EADE,CAAAH,CAAAA,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMS,EAAeC,cAAY,IAAK,CAC/BX,IACLA,EAAOD,CAAO,EACdQ,EAAY,EAAI,EAClB,EAAG,CAACR,CAAO,CAAC,EAEZ,OACEa,cAAK,UAAU,2GACb,SAAA,CAAAC,EAAAA,IAAA,MAAA,CAAK,UAAWC,EAAAA,GAAG,8BAA+BX,EAAW,0BAA4B,aAAa,EACnG,SAAAD,EAAOW,EAAAA,IAACE,EAAAA,QAAK,KAAK,CAAA,qBAAUhB,CAAO,CAAA,EAAgBc,EAAAA,IAACE,EAAAA,QAAI,CAAC,SAAU,GAAA,SAAAhB,GAChE,CAAA,EAENa,EAAAA,YAAK,UAAU,mCACZ,SAAA,CAAAT,GACCU,MAACG,EAAAA,gBAAgB,CAAA,QAAS,IAAMZ,EAAY,EAAK,EAAC,aAAa,OAC7D,SAAAS,EAAAA,IAACI,UAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAO,yBAA6B,CAAA,CAAA,CAAA,EAG5EhB,GAAkB,CAACE,GAClBU,EAAAA,IAACG,kBAAgB,CAAA,QAAS,IAAMZ,EAAY,EAAI,EAAC,aAAa,OAC5D,SAAAS,EAAAA,IAACK,EAAa,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAO,yBAA6B,CAAA,CAAA,CAAA,EAG5ElB,GACCa,EAAAM,IAAAA,WAAA,CAAA,SACGb,EACCO,EAACO,IAAAA,UAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAO,yBAA6B,CAAA,EAEzEP,EAAAA,IAACG,EAAAA,iBAAgB,QAASN,EAAyB,aAAA,gBACjDG,EAAAA,IAACQ,EAAAA,SAAQ,MAAO,GAAI,OAAQ,GAAI,MAAO,2BACvB,CAAA,GAGvB,CAAA,CAAA,CACG,CACF,CAAA,CAEV,EAEAxB,EAAQ,YAAc"}

package/dist/cjs/components/info/wallet-address.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),y=require("../containers/button.js");require("../containers/card.js");var f=require("@styled/css"),g=require("@styled/jsx"),m=require("@styled/tokens"),C=require("../icons/ico-checkmark.js"),k=require("../icons/ico-copy.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var o=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js");const h=o.forwardRef((x,v)=>{const{address:t,onCopy:s,size:n="md",icon:a,fontColor:u="text.tertiary",fontWeight:c="normal",fontFamily:l="inherit"}=x,[r,d]=o.useState(!1),q=`${t.slice(0,6)}...${t?.slice(-4)}`,i=n==="sm"?16:20,p=o.useCallback(()=>{s&&s(t),d(!0)},[t]);return o.useEffect(()=>{if(r){const j=setTimeout(()=>{d(!1)},1500);return()=>clearTimeout(j)}},[r]),s?e.jsx(y.ButtonContainer,{className:f.css({fontSize:n,color:r?"positive.base":u,fontWeight:r?"medium":c,rounded:"button",fontVariant:"no-contextual",transition:"none",fontFamily:l}),onPress:p,ref:v,children:e.jsxs(g.HStack,{gap:2,children:[r?a?"Copied":"Copied!":q,a&&e.jsx(e.Fragment,{children:r?e.jsx(C.default,{width:i,height:i,color:m.token("colors.positive.base")}):e.jsx(k.default,{width:i,height:i,color:m.token("colors.text.tertiary")})})]})}):e.jsx("span",{className:f.css({fontSize:n,color:u,fontWeight:c,fontVariant:"no-contextual",fontFamily:l}),children:q})});h.displayName="WalletAddress",exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),b=require("../containers/button.js");require("../containers/card.js");var s=require("../../lib/cn.js"),g=require("../icons/ico-checkmark.js"),w=require("../icons/ico-copy.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var a=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js");const f={sm:"text-sm",md:"text-base"},q={"text.primary":"text-text-primary","text.secondary":"text-text-secondary","text.tertiary":"text-text-tertiary"},y={normal:"font-normal",medium:"font-medium"},v=a.forwardRef((h,p)=>{const{address:t,onCopy:o,size:n="md",icon:u,fontColor:l="text.tertiary",fontWeight:c="normal",fontFamily:d="inherit"}=h,[r,m]=a.useState(!1),x=`${t.slice(0,6)}...${t?.slice(-4)}`,i=n==="sm"?16:20,j=a.useCallback(()=>{o&&o(t),m(!0)},[t]);return a.useEffect(()=>{if(r){const C=setTimeout(()=>{m(!1)},1500);return()=>clearTimeout(C)}},[r]),o?e.jsx(b.ButtonContainer,{className:s.cn(f[n],r?"text-positive-base font-medium":s.cn(q[l],y[c]),"rounded-button [font-variant:no-contextual] transition-none"),style:{fontFamily:d},onPress:j,ref:p,children:e.jsxs("div",{className:"flex flex-row items-center gap-2",children:[r?u?"Copied":"Copied!":x,u&&e.jsx(e.Fragment,{children:r?e.jsx(g.default,{width:i,height:i,color:"var(--color-positive-base)"}):e.jsx(w.default,{width:i,height:i,color:"var(--color-text-tertiary)"})})]})}):e.jsx("span",{className:s.cn(f[n],q[l],y[c],"[font-variant:no-contextual]"),style:{fontFamily:d},children:x})});v.displayName="WalletAddress",exports.default=v;
 //# sourceMappingURL=wallet-address.js.map

package/dist/cjs/components/info/wallet-address.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { ~~css~~ } from '@~~styled~~/~~css~~';\nimport { ~~HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {~~ forwardRef, useCallback, useEffect, useState } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy?: (address: string) => void;\n size?: 'sm' \| 'md';\n icon?: boolean;\n fontColor?: 'text.primary' \| 'text.secondary' \| 'text.tertiary';\n fontWeight?: 'normal' \| 'medium';\n fontFamily?: string;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const {\n address,\n onCopy,\n size = 'md',\n icon,\n fontColor = 'text.tertiary',\n fontWeight = 'normal',\n fontFamily = 'inherit',\n } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const handleOnCopy = useCallback(() => {\n if (onCopy) {\n onCopy(address);\n }\n setIsCopied(true);\n }, [address]);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n if (!onCopy) {\n return (\n <span\n className={~~css~~({\n ~~fontSize:~~ size,\n ~~color:~~ fontColor,\n fontWeight,\n ~~fontVariant~~: 'no-contextual',\n ~~fontFamily,\~~n })}\n >\n {truncatedAddress}\n </span>\n );\n }\n\n return (\n <ButtonContainer\n className={~~css~~({\n ~~fontSize:~~ size,\n ~~color:~~ isCopied ? 'positive.base' : fontColor~~,\n fontWeight:~~ ~~isCopied ? 'medium' :~~ fontWeight,\n rounded: ~~'button',\n fontVariant~~: 'no-contextual~~',\n~~ transition~~: '~~none',\n ~~fontFamily,\~~n })}\n onPress={handleOnCopy}\n ref={forwardedRef}\n >\n <~~HStack~~ gap={2}>\n {isCopied ? (icon ? 'Copied' : 'Copied!') : truncatedAddress}\n {icon && (\n <>\n {isCopied ? (\n <IcoCheckmark width={iconSize} height={iconSize} color={~~token~~(~~'colors.~~positive.base')} />\n ) : (\n <IcoCopy width={iconSize} height={iconSize} color={~~token~~(~~'colors.~~text.tertiary')} />\n )}\n </>\n )}\n </~~HStack~~>\n </ButtonContainer>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","size","icon","fontColor","fontWeight","fontFamily","isCopied","setIsCopied","useState","truncatedAddress","iconSize","handleOnCopy","useCallback","useEffect","timeoutId","_jsx","ButtonContainer","~~css~~","_jsxs","~~HStack","~~_Fragment","IcoCheckmark","~~token","~~IcoCopy"],"mappings":"~~q4BAkBMA~~,MAAAA,EAAgBC,EAAAA,WAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CACJ,QAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,KAAAC,EACA,UAAAC,EAAY,gBACZ,WAAAC,EAAa,SACb,WAAAC,EAAa,SAAS,EACpBR,EACE,CAACS,EAAUC,CAAW,EAAIC,~~EAAAA~~,~~SAAS,~~EAAK,EACxCC,EAAmB,GAAGV,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GACjEW,EAAWT,IAAS,KAAO,GAAK,GAEhCU,EAAeC,EAAY,YAAA,IAAK,CAChCZ,GACFA,EAAOD,CAAO,EAEhBQ,EAAY,EAAI,CAClB,EAAG,CAACR,CAAO,CAAC,EAYZ,OAVAc,~~YAAU~~,IAAK,CACb,GAAIP,EAAU,CACZ,MAAMQ,EAAY,WAAW,IAAK,CAChCP,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaO,CAAS,CACrC,CACF,EAAG,CAACR,CAAQ,CAAC,EAERN,EAiBHe,EAAAA,~~IAACC~~,~~EAAAA~~,~~iBACC,~~UAAWC,~~MAAI~~,~~CACb~~,~~SAAUhB~~,~~EACV~~,~~MAAOK~~,EAAW,~~gBAAkBH~~,~~EACpC~~,~~WAAYG~~,~~EAAW~~,~~SAAWF~~,~~EAClC~~,~~QAAS~~,~~SACT~~,~~YAAa~~,~~gBACb~~,~~WAAY~~,~~OACZ~~,WAAAC,~~EACD~~,~~EACD~~,QAASM,EACT,IAAKb,EAEL,SAAAoB,EAAAA,~~KAACC~~,~~EAAO~~,~~OAAA~~,~~CAAA~~,~~IAAK~~,~~EAAC,~~SAAA,~~CACXb~~,EAAYJ,EAAO,SAAW,UAAaO,EAC3CP,GACCa,~~EAAAK~~,~~IAAAA~~,WAAA,CAAA,~~SACGd~~,EACCS,~~EAAAA~~,~~IAACM~~,~~EAAAA~~,~~QAAa,~~CAAA,~~MAAOX~~,EAAU,OAAQA,EAAU,~~MAAOY~~,~~QAAM~~,~~sBAAsB,CAAK,~~CAAA,~~EAEzFP~~,EAAAA,~~IAACQ~~,~~WAAQ~~,~~MAAOb~~,EAAU,OAAQA,EAAU,~~MAAOY~~,~~QAAM~~,~~sBAAsB~~,~~GAChF~~,CAAA,~~CAEJ~~,~~CACM~~,CAAA,CAAA,CAAA,~~EAvCTP~~,~~EAAAA~~,IAAA,OAAA,CACE,UAAWE,EAAAA,~~IAAI~~,~~CACb~~,~~SAAUhB~~,~~EACV~~,~~MAAOE~~,~~EACP~~,~~WAAAC~~,~~EACA~~,~~YAAa~~,~~gBACb~~,WAAAC,~~CACD~~,~~CAAA~~,~~EAEA~~,~~SAAAI~~,~~CACI,~~CAAA,~~CAgCb~~,CAAC,EAEDd,EAAc,YAAc"}
1	+ {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { cn } from '@lib/cn';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy?: (address: string) => void;\n size?: 'sm' \| 'md';\n icon?: boolean;\n fontColor?: 'text.primary' \| 'text.secondary' \| 'text.tertiary';\n fontWeight?: 'normal' \| 'medium';\n fontFamily?: string;\n}\n\nconst sizeClasses = {\n sm: 'text-sm',\n md: 'text-base',\n};\n\nconst fontColorClasses = {\n 'text.primary': 'text-text-primary',\n 'text.secondary': 'text-text-secondary',\n 'text.tertiary': 'text-text-tertiary',\n};\n\nconst fontWeightClasses = {\n normal: 'font-normal',\n medium: 'font-medium',\n};\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const {\n address,\n onCopy,\n size = 'md',\n icon,\n fontColor = 'text.tertiary',\n fontWeight = 'normal',\n fontFamily = 'inherit',\n } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n const iconSize = size === 'sm' ? 16 : 20;\n\n const handleOnCopy = useCallback(() => {\n if (onCopy) {\n onCopy(address);\n }\n setIsCopied(true);\n }, [address]);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n if (!onCopy) {\n return (\n <span\n className={cn(\n sizeClasses[size],\n fontColorClasses[fontColor],\n fontWeightClasses[fontWeight],\n '[font-variant:no-contextual]',\n )}\n style={{ fontFamily }}\n >\n {truncatedAddress}\n </span>\n );\n }\n\n return (\n <ButtonContainer\n className={cn(\n sizeClasses[size],\n isCopied ? 'text-positive-base font-medium' : cn(fontColorClasses[fontColor], fontWeightClasses[fontWeight]),\n 'rounded-button [font-variant:no-contextual] transition-none',\n )}\n style={{ fontFamily }}\n onPress={handleOnCopy}\n ref={forwardedRef}\n >\n <div className=\"flex flex-row items-center gap-2\">\n {isCopied ? (icon ? 'Copied' : 'Copied!') : truncatedAddress}\n {icon && (\n <>\n {isCopied ? (\n <IcoCheckmark width={iconSize} height={iconSize} color={'var(--color-positive-base)'} />\n ) : (\n <IcoCopy width={iconSize} height={iconSize} color={'var(--color-text-tertiary)'} />\n )}\n </>\n )}\n </div>\n </ButtonContainer>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["sizeClasses","fontColorClasses","fontWeightClasses","WalletAddress","forwardRef","props","forwardedRef","address","onCopy","size","icon","fontColor","fontWeight","fontFamily","isCopied","setIsCopied","useState","truncatedAddress","iconSize","handleOnCopy","useCallback","useEffect","timeoutId","_jsx","ButtonContainer","cn","_jsxs","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"o1BAgBMA,MAAAA,EAAc,CAClB,GAAI,UACJ,GAAI,aAGAC,EAAmB,CACvB,eAAgB,oBAChB,iBAAkB,sBAClB,gBAAiB,sBAGbC,EAAoB,CACxB,OAAQ,cACR,OAAQ,eAGJC,EAAgBC,EAAAA,WAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CACJ,QAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,KACP,KAAAC,EACA,UAAAC,EAAY,gBACZ,WAAAC,EAAa,SACb,WAAAC,EAAa,SAAS,EACpBR,EACE,CAACS,EAAUC,CAAW,EAAIC,WAAS,EAAK,EACxCC,EAAmB,GAAGV,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GACjEW,EAAWT,IAAS,KAAO,GAAK,GAEhCU,EAAeC,EAAY,YAAA,IAAK,CAChCZ,GACFA,EAAOD,CAAO,EAEhBQ,EAAY,EAAI,CAClB,EAAG,CAACR,CAAO,CAAC,EAYZ,OAVAc,EAAU,UAAA,IAAK,CACb,GAAIP,EAAU,CACZ,MAAMQ,EAAY,WAAW,IAAK,CAChCP,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaO,CAAS,CACrC,CACF,EAAG,CAACR,CAAQ,CAAC,EAERN,EAiBHe,MAACC,EAAAA,gBAAe,CACd,UAAWC,EACTzB,GAAAA,EAAYS,CAAI,EAChBK,EAAW,iCAAmCW,KAAGxB,EAAiBU,CAAS,EAAGT,EAAkBU,CAAU,CAAC,EAC3G,6DAA6D,EAE/D,MAAO,CAAE,WAAAC,CAAU,EACnB,QAASM,EACT,IAAKb,EAEL,SAAAoB,EAAAA,KAAA,MAAA,CAAK,UAAU,mCAAkC,SAAA,CAC9CZ,EAAYJ,EAAO,SAAW,UAAaO,EAC3CP,GACCa,EAAAA,IACGI,WAAA,CAAA,SAAAb,EACCS,EAACK,IAAAA,UAAa,CAAA,MAAOV,EAAU,OAAQA,EAAU,MAAO,4BAAgC,CAAA,EAExFK,EAAAA,IAACM,EAAQ,QAAA,CAAA,MAAOX,EAAU,OAAQA,EAAU,MAAO,4BAAgC,CAAA,CAEpF,CAAA,CACJ,CACG,CAAA,CAAA,CAAA,EApCNK,EAAA,IAAA,OAAA,CACE,UAAWE,EAAAA,GACTzB,EAAYS,CAAI,EAChBR,EAAiBU,CAAS,EAC1BT,EAAkBU,CAAU,EAC5B,8BAA8B,EAEhC,MAAO,CAAE,WAAAC,CAAY,EAAA,SAEpBI,CAAgB,CAAA,CA8BzB,CAAC,EAEDd,EAAc,YAAc"}

package/dist/cjs/components/inputs/phone-input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),S=require("@styled/tokens"),oe=require("../icons/ico-arrow-right.js"),ne=require("../icons/ico-caret-down.js"),ie=require("../icons/ico-checkmark-circle-fill.js"),V=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var q=require("../primitives/text.js"),k=require("@styled/css"),s=require("@styled/jsx"),n=require("react"),h=require("react-aria"),u=require("react-international-phone");const z=({iso2:d})=>t.jsx(s.Flex,{width:"1.125rem",height:"1.125rem",borderRadius:"full",borderWidth:"thin",borderColor:"neutral.primary",overflow:"hidden",align:"center",children:t.jsx(u.FlagImage,{src:`https://flagcdn.com/${d}.svg`,iso2:d,size:16,className:k.css({objectFit:"cover"})})}),N=d=>{const{onChange:_,onSubmit:p,autoFocus:B=!0,errorMessage:R,disableSubmit:H,showPlaceholder:m}=d,[I,T]=n.useState(""),[K,w]=n.useState(!1),[c,b]=n.useState(!1),[l,g]=n.useState(0),[C,P]=n.useState(""),O=n.useRef(null),U=n.useRef(null),x=n.useRef(null),v=n.useRef([]),D=n.useRef(void 0),{country:i,setCountry:W,inputRef:y,handlePhoneValueChange:Y,inputValue:$}=u.usePhoneInput({defaultCountry:"us",value:I,onChange:e=>{T(e.phone),_(e.phone)},disableDialCodeAndPrefix:m}),F=H?.(I,i.iso2),G=n.useMemo(()=>{const e=u.defaultCountries.find(([,r])=>r===i.iso2);return e?e[2]:"1"},[i.iso2]),J=n.useMemo(()=>{const e=u.defaultCountries.find(([,o])=>o===i.iso2),r=e&&typeof e[3]=="string"?e[3]:null;return r?r.replace(/\./g,"5"):"(555) 555-5555"},[i.iso2]),a=n.useMemo(()=>{const e=u.defaultCountries.filter(([,o])=>o!==i.iso2),r=u.defaultCountries.find(([,o])=>o===i.iso2);return r?[r,...e]:[...u.defaultCountries]},[i.iso2]),E=n.useMemo(()=>a.filter(([,e])=>e!==i.iso2),[i.iso2]),L=n.useCallback(e=>{var r;W(e),b(!1),(r=y.current)===null||r===void 0||r.focus()},[W]),Q=n.useCallback(()=>{b(!c),c||(g(0),setTimeout(()=>{var e;return(e=x.current)===null||e===void 0?void 0:e.focus()}))},[c]),{buttonProps:X}=h.useButton({onPress:Q},O),{focusProps:A,isFocusVisible:M}=h.useFocusRing(),{keyboardProps:Z}=h.useKeyboard({onKeyDown:e=>{var r;if(c)switch(e.key){case"ArrowDown":e.preventDefault(),g(o=>(o+1)%a.length);break;case"ArrowUp":e.preventDefault(),g(o=>(o-1+a.length)%a.length);break;case"Enter":if(e.preventDefault(),l>=0){const[,o]=a[l];L(o)}break;case"Escape":b(!1),(r=y.current)===null||r===void 0||r.focus();break;default:(e.key===" "||e.key.match(/[\w]/i))&&(e.preventDefault(),clearTimeout(D.current),P(o=>o+e.key),D.current=window.setTimeout(()=>{P("")},1e3));break}}});n.useEffect(()=>{var e;B&&((e=y.current)===null||e===void 0||e.focus());const r=o=>{x.current&&!x.current.contains(o.target)&&(b(!1),w(!1))};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[]),n.useEffect(()=>{var e;if(C!==""){const r=E.findIndex(([o])=>o.toLowerCase().startsWith(C.toLowerCase()));if(r!==-1){const o=a.findIndex(([j])=>j===E[r][0]);g(o),(e=v.current[o])===null||e===void 0||e.scrollIntoView({behavior:"smooth",block:"nearest"})}}},[C,a,i.iso2]),n.useEffect(()=>{var e;l>=0&&v.current[l]&&((e=v.current[l])===null||e===void 0||e.scrollIntoView({behavior:"smooth",block:"nearest"}))},[l]);const ee=()=>{w(!0)},re=()=>{w(!1)};return t.jsxs(s.VStack,{gap:2,style:d.containerStyles,children:[t.jsxs(s.Flex,{...h.mergeProps(Z,A),ref:U,height:"fit-content",width:"full",alignItems:"center",justify:"center",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",transition:"all linear 120ms",outlineColor:"brand.base",outlineStyle:K&&!M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,onFocus:ee,onBlur:re,position:"relative",_hover:{borderColor:"neutral.primary"},children:[t.jsx("button",{...h.mergeProps(X,A),className:k.css({display:"flex",justifyContent:"center",alignItems:"center",borderStartRadius:"input",h:12,w:20,px:3,outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer",transition:"all linear 120ms",_hover:{bg:"surface.tertiary"}}),children:t.jsxs(s.HStack,{gap:2,children:[t.jsx(z,{iso2:i.iso2}),t.jsx(ne.default,{width:14,height:14,transform:c?"rotate(180)":""})]})}),c&&t.jsx(s.Box,{ref:x,tabIndex:-1,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",top:55,boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",maxHeight:"17.5rem",overflowY:"auto",outline:"none",children:a.map(([e,r,o],j)=>{const f=i.iso2===r;return t.jsxs(s.HStack,{cursor:"pointer",bg:f?"brand.base":l===j?"brand.lightest":"",_hover:f?{}:{bg:"brand.lightest"},ref:te=>v.current[j]=te,gap:2,p:4,onClick:()=>L(r),justify:"space-between",children:[t.jsxs(s.HStack,{gap:4,children:[f?t.jsx(ie.default,{width:18,height:18,color:S.token("colors.surface.primary")}):t.jsx(z,{iso2:r}),t.jsx(q.default,{fontColor:f?"text.quaternary":"text.primary",children:e})]}),t.jsxs(q.default,{fontColor:f?"text.quaternary":"text.tertiary",children:["+",o]})]},r)})}),t.jsxs(s.HStack,{gap:0,alignItems:"center",flex:1,style:{borderLeftWidth:"thin",borderColor:S.token("colors.neutral.secondary")},children:[m?t.jsxs("span",{className:k.css({color:"text.primary",fontWeight:"medium",fontSize:"md",paddingLeft:4,paddingRight:2,userSelect:"none"}),children:["+",G]}):null,t.jsx("input",{type:"tel",inputMode:"tel",onChange:Y,value:$,ref:y,placeholder:m?J:"",onKeyDown:e=>{e.key==="Enter"&&p&&!F&&(e.preventDefault(),p())},className:k.css({transition:"all linear 120ms",width:"full",boxSizing:"border-box",rounded:0,margin:0,minWidth:10,fontWeight:"medium",backgroundColor:"transparent",color:"text.primary",height:12,fontSize:"md",py:3,paddingRight:4,paddingLeft:m?0:4,textAlign:"left",outline:"none",_placeholder:{color:"text.tertiary"}})})]}),p&&t.jsx(s.Box,{style:{paddingRight:"16px"},children:t.jsx(V.default,{"aria-label":"Submit phone number",variant:"text",textStyle:"neutral",onPress:p,disabled:F,children:t.jsx(V.default.LeadingIcon,{color:S.token("colors.text.tertiary"),children:t.jsx(oe.default,{})})})})]}),R&&t.jsx(q.default,{variant:"error",size:"sm",fontWeight:"normal",children:R})]})};N.displayName="PhoneInput",exports.default=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),re=require("../icons/ico-arrow-right.js"),te=require("../icons/ico-caret-down.js"),ne=require("../icons/ico-checkmark-circle-fill.js"),A=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var q=require("../primitives/text.js"),N=require("../../lib/cn.js"),o=require("react"),f=require("react-aria"),l=require("react-international-phone");const V=({iso2:d})=>t.jsx("div",{className:"flex w-[1.125rem] h-[1.125rem] rounded-full border border-neutral-primary overflow-hidden items-center",children:t.jsx(l.FlagImage,{src:`https://flagcdn.com/${d}.svg`,iso2:d,size:16,className:"object-cover"})}),_=d=>{const{onChange:K,onSubmit:m,autoFocus:T=!0,errorMessage:P,disableSubmit:z,showPlaceholder:h}=d,[D,B]=o.useState(""),[W,j]=o.useState(!1),[u,x]=o.useState(!1),[i,p]=o.useState(0),[k,I]=o.useState(""),O=o.useRef(null),U=o.useRef(null),v=o.useRef(null),b=o.useRef([]),R=o.useRef(void 0),{country:s,setCountry:E,inputRef:y,handlePhoneValueChange:$,inputValue:G}=l.usePhoneInput({defaultCountry:"us",value:D,onChange:e=>{B(e.phone),K(e.phone)},disableDialCodeAndPrefix:h}),S=z?.(D,s.iso2),H=o.useMemo(()=>{const e=l.defaultCountries.find(([,r])=>r===s.iso2);return e?e[2]:"1"},[s.iso2]),J=o.useMemo(()=>{const e=l.defaultCountries.find(([,n])=>n===s.iso2),r=e&&typeof e[3]=="string"?e[3]:null;return r?r.replace(/\./g,"5"):"(555) 555-5555"},[s.iso2]),a=o.useMemo(()=>{const e=l.defaultCountries.filter(([,n])=>n!==s.iso2),r=l.defaultCountries.find(([,n])=>n===s.iso2);return r?[r,...e]:[...l.defaultCountries]},[s.iso2]),L=o.useMemo(()=>a.filter(([,e])=>e!==s.iso2),[s.iso2]),C=o.useCallback(e=>{var r;E(e),x(!1),(r=y.current)===null||r===void 0||r.focus()},[E]),Q=o.useCallback(()=>{x(!u),u||(p(0),setTimeout(()=>{var e;return(e=v.current)===null||e===void 0?void 0:e.focus()}))},[u]),{buttonProps:X}=f.useButton({onPress:Q},O),{focusProps:F,isFocusVisible:M}=f.useFocusRing(),{keyboardProps:Y}=f.useKeyboard({onKeyDown:e=>{var r;if(u)switch(e.key){case"ArrowDown":e.preventDefault(),p(n=>(n+1)%a.length);break;case"ArrowUp":e.preventDefault(),p(n=>(n-1+a.length)%a.length);break;case"Enter":if(e.preventDefault(),i>=0){const[,n]=a[i];C(n)}break;case"Escape":x(!1),(r=y.current)===null||r===void 0||r.focus();break;default:(e.key===" "||e.key.match(/[\w]/i))&&(e.preventDefault(),clearTimeout(R.current),I(n=>n+e.key),R.current=window.setTimeout(()=>{I("")},1e3));break}}});o.useEffect(()=>{var e;T&&((e=y.current)===null||e===void 0||e.focus());const r=n=>{v.current&&!v.current.contains(n.target)&&(x(!1),j(!1))};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[]),o.useEffect(()=>{var e;if(k!==""){const r=L.findIndex(([n])=>n.toLowerCase().startsWith(k.toLowerCase()));if(r!==-1){const n=a.findIndex(([g])=>g===L[r][0]);p(n),(e=b.current[n])===null||e===void 0||e.scrollIntoView({behavior:"smooth",block:"nearest"})}}},[k,a,s.iso2]),o.useEffect(()=>{var e;i>=0&&b.current[i]&&((e=b.current[i])===null||e===void 0||e.scrollIntoView({behavior:"smooth",block:"nearest"}))},[i]);const Z=()=>{j(!0)},ee=()=>{j(!1)};return t.jsxs("div",{className:"flex flex-col gap-2 items-center",style:d.containerStyles,children:[t.jsxs("div",{...f.mergeProps(Y,F),ref:U,className:N.cn("flex h-fit w-full items-center justify-center border border-neutral-secondary rounded-input transition-all duration-[120ms] linear outline-offset-[0.125rem] relative hover:border-neutral-primary",W&&!M?"outline outline-brand-base outline-thick":"outline-none"),onFocus:Z,onBlur:ee,children:[t.jsx("button",{...f.mergeProps(X,F),className:N.cn("flex justify-center items-center rounded-l-input h-12 w-20 px-3 cursor-pointer transition-all duration-[120ms] linear hover:bg-surface-tertiary",M?"outline outline-brand-base outline-thick outline-offset-[0.125rem]":"outline-none"),children:t.jsxs("div",{className:"flex flex-row items-center gap-2",children:[t.jsx(V,{iso2:s.iso2}),t.jsx(te.default,{width:14,height:14,transform:u?"rotate(180)":""})]})}),u&&t.jsx("div",{ref:v,tabIndex:-1,className:"bg-surface-primary absolute w-full rounded-input top-[55px] shadow-[4px_8px_20px_0px_rgba(0,0,0,0.15)] max-h-[17.5rem] overflow-y-auto outline-none",children:a.map(([e,r,n],g)=>{const c=s.iso2===r;return t.jsxs("div",{className:N.cn("flex flex-row items-center cursor-pointer gap-2 p-4 justify-between",c?"bg-brand-base":i===g?"bg-brand-lightest":"",!c&&"hover:bg-brand-lightest"),role:"option",tabIndex:0,"aria-selected":c,ref:w=>b.current[g]=w,onClick:()=>C(r),onKeyDown:w=>{(w.key==="Enter"||w.key===" ")&&C(r)},children:[t.jsxs("div",{className:"flex flex-row items-center gap-4",children:[c?t.jsx(ne.default,{width:18,height:18,color:"var(--color-surface-primary)"}):t.jsx(V,{iso2:r}),t.jsx(q.default,{fontColor:c?"text.quaternary":"text.primary",children:e})]}),t.jsxs(q.default,{fontColor:c?"text.quaternary":"text.tertiary",children:["+",n]})]},r)})}),t.jsxs("div",{className:"flex flex-row items-center gap-0 flex-1",style:{borderLeftWidth:"thin",borderColor:"var(--color-neutral-secondary)"},children:[h?t.jsxs("span",{className:"text-text-primary font-medium text-md pl-4 pr-2 select-none",children:["+",H]}):null,t.jsx("input",{type:"tel",inputMode:"tel",onChange:$,value:G,ref:y,placeholder:h?J:"",onKeyDown:e=>{e.key==="Enter"&&m&&!S&&(e.preventDefault(),m())},className:"transition-all duration-[120ms] linear w-full box-border rounded-none m-0 min-w-10 font-medium bg-transparent text-text-primary h-12 text-md py-3 pr-4 text-left outline-none placeholder:text-text-tertiary",style:{paddingLeft:h?0:"1rem"}})]}),m&&t.jsx("div",{style:{paddingRight:"16px"},children:t.jsx(A.default,{"aria-label":"Submit phone number",variant:"text",textStyle:"neutral",onPress:m,disabled:S,children:t.jsx(A.default.LeadingIcon,{color:"var(--color-text-tertiary)",children:t.jsx(re.default,{})})})})]}),P&&t.jsx(q.default,{variant:"error",size:"sm",fontWeight:"normal",children:P})]})};_.displayName="PhoneInput",exports.default=_;
 //# sourceMappingURL=phone-input.js.map

package/dist/cjs/components/inputs/phone-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"phone-input.js","sources":["../../../../src/components/inputs/phone-input.tsx"],"sourcesContent":["import { IcoArrowRight, IcoCaretDown, IcoCheckmarkCircleFill } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\nimport { FlagImage, defaultCountries, usePhoneInput, type CountryIso2 } from 'react-international-phone';\n\nexport interface PhoneInputProps {\n onChange: (phone: string) => void;\n onSubmit?: () => void;\n autoFocus?: boolean;\n errorMessage?: string;\n containerStyles?: React.CSSProperties;\n disableSubmit?: (value: string, countryIso2: CountryIso2) => boolean;\n showPlaceholder?: boolean;\n}\n\nconst FlagContainer = ({ iso2 }: { iso2: CountryIso2 }) => {\n return (\n <Flex\n width=\"1.125rem\"\n height=\"1.125rem\"\n borderRadius=\"full\"\n borderWidth=\"thin\"\n borderColor=\"neutral.primary\"\n overflow=\"hidden\"\n align=\"center\"\n >\n <FlagImage\n src={`https://flagcdn.com/${iso2}.svg`}\n iso2={iso2}\n size={16}\n className={css({ objectFit: 'cover' })}\n />\n </Flex>\n );\n};\n\nconst PhoneInput = (props: PhoneInputProps) => {\n const { onChange, onSubmit, autoFocus = true, errorMessage, disableSubmit, showPlaceholder } = props;\n const [value, setValue] = useState('');\n const [isFocused, setIsFocused] = useState(false);\n const [showDropdown, setShowDropdown] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState(0);\n const [searchString, setSearchString] = useState('');\n const buttonRef = useRef<HTMLButtonElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const itemRefs = useRef<(HTMLDivElement \| null)[]>([]);\n const typeAheadTimeout = useRef<number \| undefined>(undefined);\n\n const { country, setCountry, inputRef, handlePhoneValueChange, inputValue } = usePhoneInput({\n defaultCountry: 'us',\n value,\n onChange: data => {\n setValue(data.phone);\n onChange(data.phone);\n },\n disableDialCodeAndPrefix: showPlaceholder,\n });\n\n const isSubmitDisabled = disableSubmit?.(value, country.iso2);\n\n const currentCountryCode = useMemo(() => {\n const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n return found ? found[2] : '1';\n }, [country.iso2]);\n\n const placeholder = useMemo(() => {\n const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n // Format can be a string like \"(..) ....-....\" or a function - replace dots with digits\n const format = found && typeof found[3] === 'string' ? found[3] : null;\n return format ? format.replace(/\\./g, '5') : '(555) 555-5555';\n }, [country.iso2]);\n\n const sortedCountries = useMemo(() => {\n const otherCountries = defaultCountries.filter(([, iso2]) => iso2 !== country.iso2);\n const selectedCountry = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n return selectedCountry ? [selectedCountry, ...otherCountries] : [...defaultCountries];\n }, [country.iso2]);\n\n const filteredCountries = useMemo(() => {\n return sortedCountries.filter(([, iso2]) => iso2 !== country.iso2);\n }, [country.iso2]);\n\n const handleSelect = useCallback(\n (iso2: CountryIso2) => {\n setCountry(iso2);\n setShowDropdown(false);\n inputRef.current?.focus();\n },\n [setCountry],\n );\n\n const toggleDropdown = useCallback(() => {\n setShowDropdown(!showDropdown);\n if (!showDropdown) {\n setFocusedIndex(0);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [showDropdown]);\n\n const { buttonProps } = useButton(\n {\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible: isButtonFocused } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: e => {\n if (!showDropdown) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n setFocusedIndex(prev => (prev + 1) % sortedCountries.length);\n break;\n case 'ArrowUp':\n e.preventDefault();\n setFocusedIndex(prev => (prev - 1 + sortedCountries.length) % sortedCountries.length);\n break;\n case 'Enter':\n e.preventDefault();\n if (focusedIndex >= 0) {\n const [, iso2] = sortedCountries[focusedIndex];\n handleSelect(iso2);\n }\n break;\n case 'Escape':\n setShowDropdown(false);\n inputRef.current?.focus();\n break;\n default:\n if (e.key === ' ' \|\| e.key.match(/[\\w]/i)) {\n e.preventDefault();\n clearTimeout(typeAheadTimeout.current);\n setSearchString(s => s + e.key);\n typeAheadTimeout.current = window.setTimeout(() => {\n setSearchString('');\n }, 1000);\n }\n break;\n }\n },\n });\n\n useEffect(() => {\n // Focus the input when the component mounts if autoFocus is true\n if (autoFocus) {\n inputRef.current?.focus();\n }\n\n // Closes the dropdown when clicking outside of it\n const handleClick = (event: MouseEvent) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n setShowDropdown(false);\n setIsFocused(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n useEffect(() => {\n // Implements type-ahead search functionality\n if (searchString !== '') {\n const matchIndex = filteredCountries.findIndex(([name]) =>\n name.toLowerCase().startsWith(searchString.toLowerCase()),\n );\n if (matchIndex !== -1) {\n const actualIndex = sortedCountries.findIndex(([name]) => name === filteredCountries[matchIndex][0]);\n setFocusedIndex(actualIndex);\n itemRefs.current[actualIndex]?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n });\n }\n }\n }, [searchString, sortedCountries, country.iso2]);\n\n useEffect(() => {\n // Scrolls the focused item into view\n if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {\n itemRefs.current[focusedIndex]?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n });\n }\n }, [focusedIndex]);\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = () => {\n setIsFocused(false);\n };\n\n return (\n <VStack gap={2} style={props.containerStyles}>\n <Flex\n {...mergeProps(keyboardProps, focusProps)}\n ref={containerRef}\n height=\"fit-content\"\n width=\"full\"\n alignItems=\"center\"\n justify=\"center\"\n borderWidth=\"thin\"\n borderColor=\"neutral.secondary\"\n borderRadius=\"input\"\n transition=\"all linear 120ms\"\n outlineColor=\"brand.base\"\n outlineStyle={isFocused && !isButtonFocused ? 'solid' : 'none'}\n outlineWidth=\"thick\"\n outlineOffset={0.5}\n onFocus={handleFocus}\n onBlur={handleBlur}\n position=\"relative\"\n _hover={{ borderColor: 'neutral.primary' }}\n >\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n borderStartRadius: 'input',\n h: 12,\n w: 20,\n px: 3,\n outlineColor: 'brand.base',\n outlineStyle: isButtonFocused ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n transition: 'all linear 120ms',\n _hover: {\n bg: 'surface.tertiary',\n },\n })}\n >\n <HStack gap={2}>\n <FlagContainer iso2={country.iso2} />\n <IcoCaretDown width={14} height={14} transform={showDropdown ? 'rotate(180)' : ''} />\n </HStack>\n </button>\n\n {showDropdown && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n top={55}\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n maxHeight=\"17.5rem\"\n overflowY=\"auto\"\n outline=\"none\"\n >\n {sortedCountries.map(([name, iso2, countryCode], index) => {\n const isSelectedCountry = country.iso2 === iso2;\n const isFocusedCountry = focusedIndex === index;\n\n return (\n <HStack\n cursor=\"pointer\"\n bg={isSelectedCountry ? 'brand.base' : isFocusedCountry ? 'brand.lightest' : ''}\n _hover={!isSelectedCountry ? { bg: 'brand.lightest' } : {}}\n key={iso2}\n ref={el => (itemRefs.current[index] = el)}\n gap={2}\n p={4}\n onClick={() => handleSelect(iso2)}\n justify=\"space-between\"\n >\n <HStack gap={4}>\n {isSelectedCountry ? (\n <IcoCheckmarkCircleFill width={18} height={18} color={token('colors.surface.primary')} />\n ) : (\n <FlagContainer iso2={iso2} />\n )}\n <Text fontColor={isSelectedCountry ? 'text.quaternary' : 'text.primary'}>{name}</Text>\n </HStack>\n <Text fontColor={isSelectedCountry ? 'text.quaternary' : 'text.tertiary'}>+{countryCode}</Text>\n </HStack>\n );\n })}\n </Box>\n )}\n <HStack\n gap={0}\n alignItems=\"center\"\n flex={1}\n style={{ borderLeftWidth: 'thin', borderColor: token('colors.neutral.secondary') }}\n >\n {showPlaceholder ? (\n <span\n className={css({\n color: 'text.primary',\n fontWeight: 'medium',\n fontSize: 'md',\n paddingLeft: 4,\n paddingRight: 2,\n userSelect: 'none',\n })}\n >\n +{currentCountryCode}\n </span>\n ) : null}\n\n <input\n type=\"tel\"\n inputMode=\"tel\"\n onChange={handlePhoneValueChange}\n value={inputValue}\n ref={inputRef}\n placeholder={showPlaceholder ? placeholder : ''}\n onKeyDown={event => {\n if (event.key === 'Enter' && onSubmit && !isSubmitDisabled) {\n event.preventDefault();\n onSubmit();\n }\n }}\n className={css({\n transition: 'all linear 120ms',\n width: 'full',\n boxSizing: 'border-box',\n rounded: 0,\n margin: 0,\n minWidth: 10,\n fontWeight: 'medium',\n backgroundColor: 'transparent',\n color: 'text.primary',\n height: 12,\n fontSize: 'md',\n py: 3,\n paddingRight: 4,\n paddingLeft: showPlaceholder ? 0 : 4,\n textAlign: 'left',\n outline: 'none',\n _placeholder: {\n color: 'text.tertiary',\n },\n })}\n />\n </HStack>\n\n {onSubmit && (\n <Box style={{ paddingRight: '16px' }}>\n <Button\n aria-label=\"Submit phone number\"\n variant=\"text\"\n textStyle=\"neutral\"\n onPress={onSubmit}\n disabled={isSubmitDisabled}\n >\n <Button.LeadingIcon color={token('colors.text.tertiary')}>\n <IcoArrowRight />\n </Button.LeadingIcon>\n </Button>\n </Box>\n )}\n </Flex>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" fontWeight=\"normal\">\n {errorMessage}\n </Text>\n )}\n </VStack>\n );\n};\n\nPhoneInput.displayName = 'PhoneInput';\nexport default PhoneInput;\n"],"names":["FlagContainer","iso2","_jsx","Flex","FlagImage","css","PhoneInput","props","onChange","onSubmit","autoFocus","errorMessage","disableSubmit","showPlaceholder","value","setValue","useState","isFocused","setIsFocused","showDropdown","setShowDropdown","focusedIndex","setFocusedIndex","searchString","setSearchString","buttonRef","useRef","containerRef","dropdownRef","itemRefs","typeAheadTimeout","country","setCountry","inputRef","handlePhoneValueChange","inputValue","usePhoneInput","data","isSubmitDisabled","currentCountryCode","useMemo","found","defaultCountries","placeholder","format","sortedCountries","otherCountries","selectedCountry","filteredCountries","handleSelect","useCallback","_a","toggleDropdown","buttonProps","useButton","focusProps","isButtonFocused","useFocusRing","keyboardProps","useKeyboard","prev","s","useEffect","handleClick","event","matchIndex","name","actualIndex","handleFocus","handleBlur","_jsxs","VStack","mergeProps","HStack","IcoCaretDown","Box","countryCode","index","isSelectedCountry","el","IcoCheckmarkCircleFill","token","Text","Button","IcoArrowRight"],"mappings":"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"}
1	+ {"version":3,"file":"phone-input.js","sources":["../../../../src/components/inputs/phone-input.tsx"],"sourcesContent":["import { IcoArrowRight, IcoCaretDown, IcoCheckmarkCircleFill } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { cn } from '@lib/cn';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\nimport { FlagImage, defaultCountries, usePhoneInput, type CountryIso2 } from 'react-international-phone';\n\nexport interface PhoneInputProps {\n onChange: (phone: string) => void;\n onSubmit?: () => void;\n autoFocus?: boolean;\n errorMessage?: string;\n containerStyles?: React.CSSProperties;\n disableSubmit?: (value: string, countryIso2: CountryIso2) => boolean;\n showPlaceholder?: boolean;\n}\n\nconst FlagContainer = ({ iso2 }: { iso2: CountryIso2 }) => {\n return (\n <div className=\"flex w-[1.125rem] h-[1.125rem] rounded-full border border-neutral-primary overflow-hidden items-center\">\n <FlagImage src={`https://flagcdn.com/${iso2}.svg`} iso2={iso2} size={16} className=\"object-cover\" />\n </div>\n );\n};\n\nconst PhoneInput = (props: PhoneInputProps) => {\n const { onChange, onSubmit, autoFocus = true, errorMessage, disableSubmit, showPlaceholder } = props;\n const [value, setValue] = useState('');\n const [isFocused, setIsFocused] = useState(false);\n const [showDropdown, setShowDropdown] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState(0);\n const [searchString, setSearchString] = useState('');\n const buttonRef = useRef<HTMLButtonElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const itemRefs = useRef<(HTMLDivElement \| null)[]>([]);\n const typeAheadTimeout = useRef<number \| undefined>(undefined);\n\n const { country, setCountry, inputRef, handlePhoneValueChange, inputValue } = usePhoneInput({\n defaultCountry: 'us',\n value,\n onChange: data => {\n setValue(data.phone);\n onChange(data.phone);\n },\n disableDialCodeAndPrefix: showPlaceholder,\n });\n\n const isSubmitDisabled = disableSubmit?.(value, country.iso2);\n\n const currentCountryCode = useMemo(() => {\n const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n return found ? found[2] : '1';\n }, [country.iso2]);\n\n const placeholder = useMemo(() => {\n const found = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n // Format can be a string like \"(..) ....-....\" or a function - replace dots with digits\n const format = found && typeof found[3] === 'string' ? found[3] : null;\n return format ? format.replace(/\\./g, '5') : '(555) 555-5555';\n }, [country.iso2]);\n\n const sortedCountries = useMemo(() => {\n const otherCountries = defaultCountries.filter(([, iso2]) => iso2 !== country.iso2);\n const selectedCountry = defaultCountries.find(([, iso2]) => iso2 === country.iso2);\n return selectedCountry ? [selectedCountry, ...otherCountries] : [...defaultCountries];\n }, [country.iso2]);\n\n const filteredCountries = useMemo(() => {\n return sortedCountries.filter(([, iso2]) => iso2 !== country.iso2);\n }, [country.iso2]);\n\n const handleSelect = useCallback(\n (iso2: CountryIso2) => {\n setCountry(iso2);\n setShowDropdown(false);\n inputRef.current?.focus();\n },\n [setCountry],\n );\n\n const toggleDropdown = useCallback(() => {\n setShowDropdown(!showDropdown);\n if (!showDropdown) {\n setFocusedIndex(0);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [showDropdown]);\n\n const { buttonProps } = useButton(\n {\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible: isButtonFocused } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: e => {\n if (!showDropdown) return;\n\n switch (e.key) {\n case 'ArrowDown':\n e.preventDefault();\n setFocusedIndex(prev => (prev + 1) % sortedCountries.length);\n break;\n case 'ArrowUp':\n e.preventDefault();\n setFocusedIndex(prev => (prev - 1 + sortedCountries.length) % sortedCountries.length);\n break;\n case 'Enter':\n e.preventDefault();\n if (focusedIndex >= 0) {\n const [, iso2] = sortedCountries[focusedIndex];\n handleSelect(iso2);\n }\n break;\n case 'Escape':\n setShowDropdown(false);\n inputRef.current?.focus();\n break;\n default:\n if (e.key === ' ' \|\| e.key.match(/[\\w]/i)) {\n e.preventDefault();\n clearTimeout(typeAheadTimeout.current);\n setSearchString(s => s + e.key);\n typeAheadTimeout.current = window.setTimeout(() => {\n setSearchString('');\n }, 1000);\n }\n break;\n }\n },\n });\n\n useEffect(() => {\n // Focus the input when the component mounts if autoFocus is true\n if (autoFocus) {\n inputRef.current?.focus();\n }\n\n // Closes the dropdown when clicking outside of it\n const handleClick = (event: MouseEvent) => {\n if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n setShowDropdown(false);\n setIsFocused(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n useEffect(() => {\n // Implements type-ahead search functionality\n if (searchString !== '') {\n const matchIndex = filteredCountries.findIndex(([name]) =>\n name.toLowerCase().startsWith(searchString.toLowerCase()),\n );\n if (matchIndex !== -1) {\n const actualIndex = sortedCountries.findIndex(([name]) => name === filteredCountries[matchIndex][0]);\n setFocusedIndex(actualIndex);\n itemRefs.current[actualIndex]?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n });\n }\n }\n }, [searchString, sortedCountries, country.iso2]);\n\n useEffect(() => {\n // Scrolls the focused item into view\n if (focusedIndex >= 0 && itemRefs.current[focusedIndex]) {\n itemRefs.current[focusedIndex]?.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n });\n }\n }, [focusedIndex]);\n\n const handleFocus = () => {\n setIsFocused(true);\n };\n\n const handleBlur = () => {\n setIsFocused(false);\n };\n\n return (\n <div className=\"flex flex-col gap-2 items-center\" style={props.containerStyles}>\n <div\n {...mergeProps(keyboardProps, focusProps)}\n ref={containerRef}\n className={cn(\n 'flex h-fit w-full items-center justify-center border border-neutral-secondary rounded-input transition-all duration-[120ms] linear outline-offset-[0.125rem] relative hover:border-neutral-primary',\n isFocused && !isButtonFocused ? 'outline outline-brand-base outline-thick' : 'outline-none',\n )}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={cn(\n 'flex justify-center items-center rounded-l-input h-12 w-20 px-3 cursor-pointer transition-all duration-[120ms] linear hover:bg-surface-tertiary',\n isButtonFocused ? 'outline outline-brand-base outline-thick outline-offset-[0.125rem]' : 'outline-none',\n )}\n >\n <div className=\"flex flex-row items-center gap-2\">\n <FlagContainer iso2={country.iso2} />\n <IcoCaretDown width={14} height={14} transform={showDropdown ? 'rotate(180)' : ''} />\n </div>\n </button>\n\n {showDropdown && (\n <div\n ref={dropdownRef}\n tabIndex={-1}\n className=\"bg-surface-primary absolute w-full rounded-input top-[55px] shadow-[4px_8px_20px_0px_rgba(0,0,0,0.15)] max-h-[17.5rem] overflow-y-auto outline-none\"\n >\n {sortedCountries.map(([name, iso2, countryCode], index) => {\n const isSelectedCountry = country.iso2 === iso2;\n const isFocusedCountry = focusedIndex === index;\n\n return (\n <div\n className={cn(\n 'flex flex-row items-center cursor-pointer gap-2 p-4 justify-between',\n isSelectedCountry ? 'bg-brand-base' : isFocusedCountry ? 'bg-brand-lightest' : '',\n !isSelectedCountry && 'hover:bg-brand-lightest',\n )}\n key={iso2}\n role=\"option\"\n tabIndex={0}\n aria-selected={isSelectedCountry}\n ref={el => (itemRefs.current[index] = el)}\n onClick={() => handleSelect(iso2)}\n onKeyDown={e => {\n if (e.key === 'Enter' \|\| e.key === ' ') handleSelect(iso2);\n }}\n >\n <div className=\"flex flex-row items-center gap-4\">\n {isSelectedCountry ? (\n <IcoCheckmarkCircleFill width={18} height={18} color={'var(--color-surface-primary)'} />\n ) : (\n <FlagContainer iso2={iso2} />\n )}\n <Text fontColor={isSelectedCountry ? 'text.quaternary' : 'text.primary'}>{name}</Text>\n </div>\n <Text fontColor={isSelectedCountry ? 'text.quaternary' : 'text.tertiary'}>+{countryCode}</Text>\n </div>\n );\n })}\n </div>\n )}\n <div\n className=\"flex flex-row items-center gap-0 flex-1\"\n style={{ borderLeftWidth: 'thin', borderColor: 'var(--color-neutral-secondary)' }}\n >\n {showPlaceholder ? (\n <span className=\"text-text-primary font-medium text-md pl-4 pr-2 select-none\">+{currentCountryCode}</span>\n ) : null}\n\n <input\n type=\"tel\"\n inputMode=\"tel\"\n onChange={handlePhoneValueChange}\n value={inputValue}\n ref={inputRef}\n placeholder={showPlaceholder ? placeholder : ''}\n onKeyDown={event => {\n if (event.key === 'Enter' && onSubmit && !isSubmitDisabled) {\n event.preventDefault();\n onSubmit();\n }\n }}\n className=\"transition-all duration-[120ms] linear w-full box-border rounded-none m-0 min-w-10 font-medium bg-transparent text-text-primary h-12 text-md py-3 pr-4 text-left outline-none placeholder:text-text-tertiary\"\n style={{ paddingLeft: showPlaceholder ? 0 : '1rem' }}\n />\n </div>\n\n {onSubmit && (\n <div style={{ paddingRight: '16px' }}>\n <Button\n aria-label=\"Submit phone number\"\n variant=\"text\"\n textStyle=\"neutral\"\n onPress={onSubmit}\n disabled={isSubmitDisabled}\n >\n <Button.LeadingIcon color={'var(--color-text-tertiary)'}>\n <IcoArrowRight />\n </Button.LeadingIcon>\n </Button>\n </div>\n )}\n </div>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" fontWeight=\"normal\">\n {errorMessage}\n </Text>\n )}\n </div>\n );\n};\n\nPhoneInput.displayName = 'PhoneInput';\nexport default PhoneInput;\n"],"names":["FlagContainer","iso2","_jsx","FlagImage","PhoneInput","props","onChange","onSubmit","autoFocus","errorMessage","disableSubmit","showPlaceholder","value","setValue","useState","isFocused","setIsFocused","showDropdown","setShowDropdown","focusedIndex","setFocusedIndex","searchString","setSearchString","buttonRef","useRef","containerRef","dropdownRef","itemRefs","typeAheadTimeout","country","setCountry","inputRef","handlePhoneValueChange","inputValue","usePhoneInput","data","isSubmitDisabled","currentCountryCode","useMemo","found","defaultCountries","placeholder","format","sortedCountries","otherCountries","selectedCountry","filteredCountries","handleSelect","useCallback","_a","toggleDropdown","buttonProps","useButton","focusProps","isButtonFocused","useFocusRing","keyboardProps","useKeyboard","prev","s","useEffect","handleClick","event","matchIndex","name","actualIndex","handleFocus","handleBlur","_jsxs","mergeProps","cn","IcoCaretDown","countryCode","index","isSelectedCountry","el","e","IcoCheckmarkCircleFill","Text","Button","IcoArrowRight"],"mappings":"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"}