@sats-group/ui-lib 80.3.0 → 81.0.0

package/react/logos/sats-pride-light.js

@@ -0,0 +1,2 @@
+import*as s from"react";const i=()=>s.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:99,height:29,fill:"none"},s.createElement("path",{fill:"url(#sats-pride-light_svg__a)",d:"M70.539 13.766c8.407 0 15.107 6.586 15.107 14.57q0 .183-.007.373h2.136l.004-.374c0-9.08-7.48-16.468-16.795-16.696l-.445-.006q-.762 0-1.51.063v2.142q.745-.072 1.51-.072"}),s.createElement("path",{fill:"url(#sats-pride-light_svg__b)",d:"M70.54 11.635c9.546 0 17.17 7.48 17.17 16.568q0 .254-.008.505h2.134l.001-.022.006-.483c0-10.167-8.374-18.44-18.805-18.695l-.499-.006q-.762 0-1.51.056v2.14a18 18 0 0 1 1.51-.063"}),s.createElement("path",{fill:"url(#sats-pride-light_svg__c)",d:"M70.54 9.504c10.686 0 19.233 8.376 19.233 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c0-11.254-9.27-20.41-20.816-20.694l-.551-.007c-.514 0-1.003.006-1.508.04V9.55c.504-.038.993-.045 1.508-.045"}),s.createElement("path",{fill:"url(#sats-pride-light_svg__d)",d:"M70.539 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.005-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.764 0-1.517.047l.006 2.14c.501-.033 1-.054 1.511-.054"}),s.createElement("path",{fill:"url(#sats-pride-light_svg__e)",d:"M70.54 5.24c12.966 0 23.36 10.167 23.36 22.567q0 .45-.017.896h2.134l.008-.258.009-.638c0-13.428-11.06-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.523.045l.008 2.132a24 24 0 0 1 1.515-.043"}),s.createElement("path",{fill:"url(#sats-pride-light_svg__f)",d:"M70.54 3.106c14.105 0 25.424 11.198 25.424 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.956-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.523-.035"}),s.createElement("path",{fill:"#fff",d:"M9.267 28.714c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367L9.17 17.998c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.056-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.876h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.67h4.414v-7.932zM42.949 28.266 47.81 10.93h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.714c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.056-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709"}),s.createElement("defs",null,s.createElement("linearGradient",{id:"sats-pride-light_svg__a",x1:69.03,x2:78.116,y1:20.429,y2:20.429,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#502E91",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#502E91"})),s.createElement("linearGradient",{id:"sats-pride-light_svg__b",x1:69.03,x2:78.088,y1:19.298,y2:19.298,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#336FE2",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#336FE2"})),s.createElement("linearGradient",{id:"sats-pride-light_svg__c",x1:69.032,x2:79.066,y1:18.168,y2:18.168,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#55A17B",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#55A17B"})),s.createElement("linearGradient",{id:"sats-pride-light_svg__d",x1:69.022,x2:78.088,y1:17.036,y2:17.036,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#FFC100",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#FFC100"})),s.createElement("linearGradient",{id:"sats-pride-light_svg__e",x1:69.016,x2:78.144,y1:15.905,y2:15.905,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#FF621D",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#FF621D"})),s.createElement("linearGradient",{id:"sats-pride-light_svg__f",x1:69.017,x2:78.116,y1:14.905,y2:14.905,gradientUnits:"userSpaceOnUse"},s.createElement("stop",{stopColor:"#C2102A",stopOpacity:0}),s.createElement("stop",{offset:1,stopColor:"#C2102A"}))));var l=i;export{l as default};
+//# sourceMappingURL=sats-pride-light.js.map

package/react/logos/sats-pride-light.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/logos/sats-pride-light.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nconst SvgSatsPrideLight = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width={99} height={29} fill=\"none\">\n    <path\n      fill=\"url(#sats-pride-light_svg__a)\"\n      d=\"M70.539 13.766c8.407 0 15.107 6.586 15.107 14.57q0 .183-.007.373h2.136l.004-.374c0-9.08-7.48-16.468-16.795-16.696l-.445-.006q-.762 0-1.51.063v2.142q.745-.072 1.51-.072\"\n    />\n    <path\n      fill=\"url(#sats-pride-light_svg__b)\"\n      d=\"M70.54 11.635c9.546 0 17.17 7.48 17.17 16.568q0 .254-.008.505h2.134l.001-.022.006-.483c0-10.167-8.374-18.44-18.805-18.695l-.499-.006q-.762 0-1.51.056v2.14a18 18 0 0 1 1.51-.063\"\n    />\n    <path\n      fill=\"url(#sats-pride-light_svg__c)\"\n      d=\"M70.54 9.504c10.686 0 19.233 8.376 19.233 18.567q0 .318-.011.634h2.134l.003-.1.008-.534c0-11.254-9.27-20.41-20.816-20.694l-.551-.007c-.514 0-1.003.006-1.508.04V9.55c.504-.038.993-.045 1.508-.045\"\n    />\n    <path\n      fill=\"url(#sats-pride-light_svg__d)\"\n      d=\"M70.539 7.372c11.827 0 21.298 9.272 21.298 20.567q0 .383-.014.762h2.134l.005-.176.008-.586c0-12.34-10.165-22.382-22.826-22.692l-.605-.008q-.764 0-1.517.047l.006 2.14c.501-.033 1-.054 1.511-.054\"\n    />\n    <path\n      fill=\"url(#sats-pride-light_svg__e)\"\n      d=\"M70.54 5.24c12.966 0 23.36 10.167 23.36 22.567q0 .45-.017.896h2.134l.008-.258.009-.638c0-13.428-11.06-24.354-24.837-24.692l-.658-.008c-.513 0-1.018.016-1.523.045l.008 2.132a24 24 0 0 1 1.515-.043\"\n    />\n    <path\n      fill=\"url(#sats-pride-light_svg__f)\"\n      d=\"M70.54 3.106c14.105 0 25.424 11.198 25.424 24.701q0 .45-.017.895h2.135l.006-.205.01-.69c0-14.515-11.956-26.46-26.848-26.825l-.71-.009c-.51 0-1.02.005-1.523.031v2.137a27 27 0 0 1 1.523-.035\"\n    />\n    <path\n      fill=\"#fff\"\n      d=\"M9.267 28.714c-3.902 0-6.78-1.504-8.38-3.647l4.382-3.358a5.66 5.66 0 0 0 4.254 1.951c1.951 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367L9.17 17.998c-1.535-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.871 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.055-1.056-2.303-1.535-3.518-1.535-1.44 0-2.24.671-2.24 1.759 0 .896.768 1.567 1.632 2.303l1.504 1.28c1.47 1.247 2.846 3.006 2.846 5.181 0 4.286-2.942 7.709-8.892 7.709M30.983 5.876h7.708v22.39H33.51v-4.542h-7.26l-2.527 4.542h-6.174zM29.095 18.67h4.414v-7.932zM42.949 28.266 47.81 10.93h-5.917l1.44-5.054h17.272l-1.44 5.054h-5.533l-4.926 17.336zM63.869 28.714c-3.903 0-6.782-1.504-8.38-3.647l4.381-3.358a5.66 5.66 0 0 0 4.254 1.951c1.952 0 2.783-.832 2.783-2.047 0-.864-.64-1.503-1.663-2.367l-1.471-1.248c-1.536-1.311-2.815-3.038-2.815-5.277 0-3.999 3.39-7.293 8.54-7.293 3.87 0 6.43 1.631 7.453 3.262l-4.414 3.327c-1.056-1.056-2.303-1.535-3.519-1.535-1.44 0-2.239.671-2.239 1.759 0 .896.768 1.567 1.632 2.303l1.503 1.28c1.471 1.247 2.847 3.006 2.847 5.181 0 4.286-2.943 7.709-8.892 7.709\"\n    />\n    <defs>\n      <linearGradient\n        id=\"sats-pride-light_svg__a\"\n        x1={69.03}\n        x2={78.116}\n        y1={20.429}\n        y2={20.429}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#502E91\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#502E91\" />\n      </linearGradient>\n      <linearGradient\n        id=\"sats-pride-light_svg__b\"\n        x1={69.03}\n        x2={78.088}\n        y1={19.298}\n        y2={19.298}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#336FE2\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#336FE2\" />\n      </linearGradient>\n      <linearGradient\n        id=\"sats-pride-light_svg__c\"\n        x1={69.032}\n        x2={79.066}\n        y1={18.168}\n        y2={18.168}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#55A17B\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#55A17B\" />\n      </linearGradient>\n      <linearGradient\n        id=\"sats-pride-light_svg__d\"\n        x1={69.022}\n        x2={78.088}\n        y1={17.036}\n        y2={17.036}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#FFC100\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#FFC100\" />\n      </linearGradient>\n      <linearGradient\n        id=\"sats-pride-light_svg__e\"\n        x1={69.016}\n        x2={78.144}\n        y1={15.905}\n        y2={15.905}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#FF621D\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#FF621D\" />\n      </linearGradient>\n      <linearGradient\n        id=\"sats-pride-light_svg__f\"\n        x1={69.017}\n        x2={78.116}\n        y1={14.905}\n        y2={14.905}\n        gradientUnits=\"userSpaceOnUse\"\n      >\n        <stop stopColor=\"#C2102A\" stopOpacity={0} />\n        <stop offset={1} stopColor=\"#C2102A\" />\n      </linearGradient>\n    </defs>\n  </svg>\n);\nexport default SvgSatsPrideLight;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,MAAMC,EAAoB,IACxBD,EAAA,cAAC,OAAI,MAAM,6BAA6B,MAAO,GAAI,OAAQ,GAAI,KAAK,QAClEA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,0KACJ,EACAA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,mLACJ,EACAA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,qMACJ,EACAA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,oMACJ,EACAA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,sMACJ,EACAA,EAAA,cAAC,QACC,KAAK,gCACL,EAAE,+LACJ,EACAA,EAAA,cAAC,QACC,KAAK,OACL,EAAE,qiCACJ,EACAA,EAAA,cAAC,YACCA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,MACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,EACAA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,MACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,EACAA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,EACAA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,EACAA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,EACAA,EAAA,cAAC,kBACC,GAAG,0BACH,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,GAAI,OACJ,cAAc,kBAEdA,EAAA,cAAC,QAAK,UAAU,UAAU,YAAa,EAAG,EAC1CA,EAAA,cAAC,QAAK,OAAQ,EAAG,UAAU,UAAU,CACvC,CACF,CACF,EAEF,IAAOE,EAAQD",
+  "names": ["React", "SvgSatsPrideLight", "sats_pride_light_default"]
+}

package/react/logos/sats-small.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const SvgSatsSmall: () => React.JSX.Element;
+export default SvgSatsSmall;

package/react/logos/sats-small.js

@@ -0,0 +1,2 @@
+import*as l from"react";const h=()=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:79,height:25,fill:"currentColor"},l.createElement("path",{d:"m4.514 17.404-4.232 3.27c1.599 2.307 4.42 4.038 8.37 4.038 5.831 0 9.217-3.558 9.217-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.538-2.212 1.223 0 2.446.481 3.574 1.731l4.232-3.27C21.35 2.02 18.903.289 15.142.289c-5.079 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.82 5.192l1.505 1.443c1.035.961 1.505 1.538 1.505 2.404 0 1.154-.846 2.404-3.103 2.404-1.787 0-3.386-.866-4.515-2.308m56.24 0-4.231 3.27c1.504 2.307 4.42 4.038 8.37 4.038 5.83 0 9.216-3.558 9.216-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.539-2.212 1.222 0 2.445.481 3.574 1.731l4.232-3.27C77.589 2.02 75.144.289 71.382.289c-5.078 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.821 5.192l1.505 1.443c1.034.961 1.505 1.538 1.505 2.404 0 1.154-.847 2.404-3.104 2.404-1.787 0-3.386-.866-4.514-2.308m-.752-11.73h-5.454l-5.079 18.46h-5.643l5.079-18.46h-5.831l1.41-5h17.023zM39.312 24.23V.769h-7.806L17.963 24.231h6.02l2.633-4.904h7.711v4.904zM34.327 5.288v9.039h-4.984z"}));var t=h;export{t as default};
+//# sourceMappingURL=sats-small.js.map

package/react/logos/sats-small.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/logos/sats-small.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nconst SvgSatsSmall = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={79}\n    height={25}\n    fill=\"currentColor\"\n  >\n    <path d=\"m4.514 17.404-4.232 3.27c1.599 2.307 4.42 4.038 8.37 4.038 5.831 0 9.217-3.558 9.217-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.538-2.212 1.223 0 2.446.481 3.574 1.731l4.232-3.27C21.35 2.02 18.903.289 15.142.289c-5.079 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.82 5.192l1.505 1.443c1.035.961 1.505 1.538 1.505 2.404 0 1.154-.846 2.404-3.103 2.404-1.787 0-3.386-.866-4.515-2.308m56.24 0-4.231 3.27c1.504 2.307 4.42 4.038 8.37 4.038 5.83 0 9.216-3.558 9.216-8.27 0-2.403-1.41-3.846-2.915-5.192l-1.505-1.442c-.94-.866-1.41-1.539-1.41-2.404 0-1.154.752-2.212 2.539-2.212 1.222 0 2.445.481 3.574 1.731l4.232-3.27C77.589 2.02 75.144.289 71.382.289c-5.078 0-8.84 3.462-8.84 7.981 0 2.212 1.222 3.75 2.821 5.192l1.505 1.443c1.034.961 1.505 1.538 1.505 2.404 0 1.154-.847 2.404-3.104 2.404-1.787 0-3.386-.866-4.514-2.308m-.752-11.73h-5.454l-5.079 18.46h-5.643l5.079-18.46h-5.831l1.41-5h17.023zM39.312 24.23V.769h-7.806L17.963 24.231h6.02l2.633-4.904h7.711v4.904zM34.327 5.288v9.039h-4.984z\" />\n  </svg>\n);\nexport default SvgSatsSmall;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,MAAMC,EAAe,IACnBD,EAAA,cAAC,OACC,MAAM,6BACN,MAAO,GACP,OAAQ,GACR,KAAK,gBAELA,EAAA,cAAC,QAAK,EAAE,ohCAAohC,CAC9hC,EAEF,IAAOE,EAAQD",
+  "names": ["React", "SvgSatsSmall", "sats_small_default"]
+}

package/react/logos/sats.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const SvgSats: () => React.JSX.Element;
+export default SvgSats;

package/react/logos/sats.js

@@ -0,0 +1,2 @@
+import*as l from"react";const c=()=>l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:168,height:52,fill:"currentColor"},l.createElement("path",{d:"M9.6 36.2.6 43c3.4 4.8 9.4 8.4 17.8 8.4C30.8 51.4 38 44 38 34.2c0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7-10.8 0-18.8 7.2-18.8 16.6 0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m119.6 0-9 6.8c3.2 4.8 9.4 8.4 17.8 8.4 12.4 0 19.6-7.4 19.6-17.2 0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7C141 .6 133 7.8 133 17.2c0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m-1.6-24.4H116l-10.8 38.4h-12L104 11.8H91.6l3-10.4h36.2zm-44 38.6V1.6H67L38.2 50.4H51l5.6-10.2H73v10.2zM73 11v18.8H62.4z"}));var t=c;export{t as default};
+//# sourceMappingURL=sats.js.map

package/react/logos/sats.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/logos/sats.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nconst SvgSats = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={168}\n    height={52}\n    fill=\"currentColor\"\n  >\n    <path d=\"M9.6 36.2.6 43c3.4 4.8 9.4 8.4 17.8 8.4C30.8 51.4 38 44 38 34.2c0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7-10.8 0-18.8 7.2-18.8 16.6 0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m119.6 0-9 6.8c3.2 4.8 9.4 8.4 17.8 8.4 12.4 0 19.6-7.4 19.6-17.2 0-5-3-8-6.2-10.8l-3.2-3c-2-1.8-3-3.2-3-5 0-2.4 1.6-4.6 5.4-4.6 2.6 0 5.2 1 7.6 3.6l9-6.8c-2.2-3.4-7.4-7-15.4-7C141 .6 133 7.8 133 17.2c0 4.6 2.6 7.8 6 10.8l3.2 3c2.2 2 3.2 3.2 3.2 5 0 2.4-1.8 5-6.6 5-3.8 0-7.2-1.8-9.6-4.8m-1.6-24.4H116l-10.8 38.4h-12L104 11.8H91.6l3-10.4h36.2zm-44 38.6V1.6H67L38.2 50.4H51l5.6-10.2H73v10.2zM73 11v18.8H62.4z\" />\n  </svg>\n);\nexport default SvgSats;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,MAAMC,EAAU,IACdD,EAAA,cAAC,OACC,MAAM,6BACN,MAAO,IACP,OAAQ,GACR,KAAK,gBAELA,EAAA,cAAC,QAAK,EAAE,yrBAAyrB,CACnsB,EAEF,IAAOE,EAAQD",
+  "names": ["React", "SvgSats", "sats_default"]
+}

package/react/message/hook/use-message.d.ts

@@ -0,0 +1,3 @@
+import type { MessageDetail } from '../message.types';
+export declare const useMessage: (initialMessage?: MessageDetail) => [message: MessageDetail | undefined, clearMessage: () => void];
+export default useMessage;

package/react/message/hook/use-message.js

@@ -0,0 +1,2 @@
+import{useEffect as g,useState as i}from"react";import{subscribe as n}from"../publish";const m=s=>{const[t,e]=i(s),a=()=>e(void 0),o=r=>{e(r)};return g(()=>n(o),[]),[t,a]};var f=m;export{f as default,m as useMessage};
+//# sourceMappingURL=use-message.js.map

package/react/message/hook/use-message.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../react/message/hook/use-message.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nimport type { MessageDetail } from '../message.types';\nimport { subscribe } from '../publish';\n\nexport const useMessage = (\n  initialMessage?: MessageDetail,\n): [message: MessageDetail | undefined, clearMessage: () => void] => {\n  const [message, setMessage] = useState(initialMessage);\n\n  const clearMessage = () => setMessage(undefined);\n\n  const onMessage = (message: MessageDetail) => {\n    setMessage(message);\n  };\n\n  useEffect(() => subscribe(onMessage), []);\n\n  return [message, clearMessage];\n};\n\nexport default useMessage;\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAGpC,OAAS,aAAAC,MAAiB,aAEnB,MAAMC,EACXC,GACmE,CACnE,KAAM,CAACC,EAASC,CAAU,EAAIL,EAASG,CAAc,EAE/CG,EAAe,IAAMD,EAAW,MAAS,EAEzCE,EAAaH,GAA2B,CAC5CC,EAAWD,CAAO,CACpB,EAEA,OAAAL,EAAU,IAAME,EAAUM,CAAS,EAAG,CAAC,CAAC,EAEjC,CAACH,EAASE,CAAY,CAC/B,EAEA,IAAOE,EAAQN",
+  "names": ["useEffect", "useState", "subscribe", "useMessage", "initialMessage", "message", "setMessage", "clearMessage", "onMessage", "use_message_default"]
+}

package/react/message/index.js

@@ -0,0 +1,2 @@
+import e from"./message";var r=e;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/message/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message/index.ts"],
+  "sourcesContent": ["import Message from './message';\nexport default Message;\n"],
+  "mappings": "AAAA,OAAOA,MAAa,YACpB,IAAOC,EAAQD",
+  "names": ["Message", "message_default"]
+}

package/react/message/message.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Message as Props, themes } from './message.types';
+declare const Message: React.FC<Props> & {
+    themes: typeof themes;
+};
+export default Message;

package/react/message/message.js

@@ -0,0 +1,2 @@
+var _=Object.defineProperty,h=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var d=(a,s,e)=>s in a?_(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,g=(a,s)=>{for(var e in s||(s={}))x.call(s,e)&&d(a,e,s[e]);if(o)for(var e of o(s))N.call(s,e)&&d(a,e,s[e]);return a},v=(a,s)=>h(a,u(s));import f from"classnames";import*as m from"react";import i from"../text";import l from"../visually-button";import{themes as n}from"./message.types";const p=({action:a,inline:s,link:e,mini:t,text:z,theme:r=n.default})=>m.createElement("div",{className:f("message",{"message--floating":!s,"message--inline":s,"message--mini":t,[`message--theme-${r}`]:r})},m.createElement("div",{className:f("message__main",{"message--has-button":a})},m.createElement("div",null,m.createElement(i,{className:"message__text",size:t?i.sizes.small:i.sizes.basic},z),e?m.createElement("div",{className:"message__link-container"},m.createElement(i,{className:"message__link",elementName:"a",href:e.href,size:t?i.sizes.small:i.sizes.basic},e.text)):null)),a?m.createElement("div",null,m.createElement(l,v(g({},a),{size:l.sizes.small,variant:l.variants.secondary}))):null);p.themes=n;var B=p;export{B as default};
+//# sourceMappingURL=message.js.map

package/react/message/message.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message/message.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport Text from '../text';\nimport VisuallyButton from '../visually-button';\n\nimport { Message as Props, themes } from './message.types';\n\nconst Message: React.FC<Props> & {\n  themes: typeof themes;\n} = ({ action, inline, link, mini, text, theme = themes.default }) => (\n  <div\n    className={cn('message', {\n      'message--floating': !inline,\n      'message--inline': inline,\n      'message--mini': mini,\n      [`message--theme-${theme}`]: theme,\n    })}\n  >\n    <div\n      className={cn('message__main', {\n        'message--has-button': action,\n      })}\n    >\n      <div>\n        <Text\n          className=\"message__text\"\n          size={mini ? Text.sizes.small : Text.sizes.basic}\n        >\n          {text}\n        </Text>\n        {link ? (\n          <div className=\"message__link-container\">\n            <Text\n              className=\"message__link\"\n              elementName=\"a\"\n              href={link.href}\n              size={mini ? Text.sizes.small : Text.sizes.basic}\n            >\n              {link.text}\n            </Text>\n          </div>\n        ) : null}\n      </div>\n    </div>\n    {action ? (\n      <div>\n        <VisuallyButton\n          {...action}\n          size={VisuallyButton.sizes.small}\n          variant={VisuallyButton.variants.secondary}\n        />\n      </div>\n    ) : null}\n  </div>\n);\n\nMessage.themes = themes;\n\nexport default Message;\n"],
+  "mappings": "6aAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAU,UACjB,OAAOC,MAAoB,qBAE3B,OAA2B,UAAAC,MAAc,kBAEzC,MAAMC,EAEF,CAAC,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,MAAAC,EAAQP,EAAO,OAAQ,IAC9DH,EAAA,cAAC,OACC,UAAWD,EAAG,UAAW,CACvB,oBAAqB,CAACO,EACtB,kBAAmBA,EACnB,gBAAiBE,EACjB,CAAC,kBAAkBE,CAAK,EAAE,EAAGA,CAC/B,CAAC,GAEDV,EAAA,cAAC,OACC,UAAWD,EAAG,gBAAiB,CAC7B,sBAAuBM,CACzB,CAAC,GAEDL,EAAA,cAAC,WACCA,EAAA,cAACC,EAAA,CACC,UAAU,gBACV,KAAMO,EAAOP,EAAK,MAAM,MAAQA,EAAK,MAAM,OAE1CQ,CACH,EACCF,EACCP,EAAA,cAAC,OAAI,UAAU,2BACbA,EAAA,cAACC,EAAA,CACC,UAAU,gBACV,YAAY,IACZ,KAAMM,EAAK,KACX,KAAMC,EAAOP,EAAK,MAAM,MAAQA,EAAK,MAAM,OAE1CM,EAAK,IACR,CACF,EACE,IACN,CACF,EACCF,EACCL,EAAA,cAAC,WACCA,EAAA,cAACE,EAAAS,EAAAC,EAAA,GACKP,GADL,CAEC,KAAMH,EAAe,MAAM,MAC3B,QAASA,EAAe,SAAS,WACnC,CACF,EACE,IACN,EAGFE,EAAQ,OAASD,EAEjB,IAAOU,EAAQT",
+  "names": ["cn", "React", "Text", "VisuallyButton", "themes", "Message", "action", "inline", "link", "mini", "text", "theme", "__spreadProps", "__spreadValues", "message_default"]
+}

package/react/message/message.types.d.ts

@@ -0,0 +1,23 @@
+import { ObjectValues } from '../types';
+import { VisuallyButton } from '../visually-button/visually-button.types';
+export declare const themes: {
+    readonly default: "default";
+    readonly error: "error";
+    readonly success: "success";
+    readonly warning: "warning";
+};
+export type Message = {
+    action?: VisuallyButton;
+    inline?: boolean;
+    link?: {
+        href: string;
+        text: string;
+    };
+    mini?: boolean;
+    text: string;
+    theme?: ObjectValues<typeof themes>;
+};
+export declare const isMessageType: (maybeMessageType?: string) => maybeMessageType is Message["theme"];
+export declare const types: Record<string, Message['theme']>;
+export type MessageDetail = Pick<Message, 'link' | 'text' | 'theme'>;
+export type Listener = (event: MessageDetail) => void;

package/react/message/message.types.js

@@ -0,0 +1,2 @@
+const e={default:"default",error:"error",success:"success",warning:"warning"},a=s=>s?!!e[s]:!1,i={default:e.default,error:e.error,success:e.success,warning:e.warning};export{a as isMessageType,e as themes,i as types};
+//# sourceMappingURL=message.types.js.map

package/react/message/message.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message/message.types.ts"],
+  "sourcesContent": ["import { ObjectValues } from '../types';\nimport { VisuallyButton } from '../visually-button/visually-button.types';\n\nexport const themes = {\n  default: 'default',\n  error: 'error',\n  success: 'success',\n  warning: 'warning',\n} as const;\n\nexport type Message = {\n  action?: VisuallyButton;\n  inline?: boolean;\n  link?: {\n    href: string;\n    text: string;\n  };\n  mini?: boolean;\n  text: string;\n  theme?: ObjectValues<typeof themes>;\n};\n\nexport const isMessageType = (\n  maybeMessageType?: string,\n): maybeMessageType is Message['theme'] =>\n  maybeMessageType\n    ? Boolean(themes[maybeMessageType as keyof Message['theme']])\n    : false;\n\nexport const types: Record<string, Message['theme']> = {\n  default: themes.default,\n  error: themes.error,\n  success: themes.success,\n  warning: themes.warning,\n};\n\nexport type MessageDetail = Pick<Message, 'link' | 'text' | 'theme'>;\n\nexport type Listener = (event: MessageDetail) => void;\n"],
+  "mappings": "AAGO,MAAMA,EAAS,CACpB,QAAS,UACT,MAAO,QACP,QAAS,UACT,QAAS,SACX,EAcaC,EACXC,GAEAA,EACI,EAAQF,EAAOE,CAA0C,EACzD,GAEOC,EAA0C,CACrD,QAASH,EAAO,QAChB,MAAOA,EAAO,MACd,QAASA,EAAO,QAChB,QAASA,EAAO,OAClB",
+  "names": ["themes", "isMessageType", "maybeMessageType", "types"]
+}

package/react/message/publish.d.ts

@@ -0,0 +1,3 @@
+import { Listener, MessageDetail } from './message.types';
+export declare const publish: (message: MessageDetail) => void;
+export declare const subscribe: (listener: Listener) => () => void;

package/react/message/publish.js

@@ -0,0 +1,2 @@
+const t="user-message",a=e=>{e&&window.dispatchEvent(new CustomEvent(t,{detail:e}))},s=e=>n=>e(n.detail),d=e=>(window.addEventListener(t,s(e)),()=>window.removeEventListener(t,s(e)));export{a as publish,d as subscribe};
+//# sourceMappingURL=publish.js.map

package/react/message/publish.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message/publish.ts"],
+  "sourcesContent": ["import { Listener, MessageDetail } from './message.types';\n\nconst eventName = 'user-message';\n\nexport const publish = (message: MessageDetail) => {\n  if (!message) {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(eventName, { detail: message }));\n};\n\nconst subscriber = (listener: Listener) => (event: CustomEvent) =>\n  listener(event.detail);\n\nexport const subscribe = (listener: Listener) => {\n  window.addEventListener(eventName, subscriber(listener));\n  return () => window.removeEventListener(eventName, subscriber(listener));\n};\n"],
+  "mappings": "AAEA,MAAMA,EAAY,eAELC,EAAWC,GAA2B,CAC5CA,GAIL,OAAO,cAAc,IAAI,YAAYF,EAAW,CAAE,OAAQE,CAAQ,CAAC,CAAC,CACtE,EAEMC,EAAcC,GAAwBC,GAC1CD,EAASC,EAAM,MAAM,EAEVC,EAAaF,IACxB,OAAO,iBAAiBJ,EAAWG,EAAWC,CAAQ,CAAC,EAChD,IAAM,OAAO,oBAAoBJ,EAAWG,EAAWC,CAAQ,CAAC",
+  "names": ["eventName", "publish", "message", "subscriber", "listener", "event", "subscribe"]
+}

package/react/message-field/index.js

@@ -0,0 +1,2 @@
+import e from"./message-field";var r=e;export{r as default};
+//# sourceMappingURL=index.js.map

package/react/message-field/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message-field/index.ts"],
+  "sourcesContent": ["import MessageField from './message-field';\nexport default MessageField;\n"],
+  "mappings": "AAAA,OAAOA,MAAkB,kBACzB,IAAOC,EAAQD",
+  "names": ["MessageField", "message_field_default"]
+}

package/react/message-field/message-field.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MessageField as Props, variants, sizes } from './message-field.types';
+declare const MessageField: React.FunctionComponent<Props> & {
+    variants: typeof variants;
+    sizes: typeof sizes;
+};
+export default MessageField;

package/react/message-field/message-field.js

@@ -0,0 +1,2 @@
+var C=Object.defineProperty,F=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var g=(a,s,e)=>s in a?C(a,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[s]=e,m=(a,s)=>{for(var e in s||(s={}))T.call(s,e)&&g(a,e,s[e]);if(v)for(var e of v(s))$.call(s,e)&&g(a,e,s[e]);return a},n=(a,s)=>F(a,N(s));import i,{useState as k}from"react";import{variants as z,sizes as o}from"./message-field.types";import l from"../button";import d from"../text-area";import x from"../icons/16/add";import A from"../icons/16/send";import I from"classnames";const f=({send:a,input:s,altButton:e,variant:t=z.nested,size:r=o.default,isSubmitting:p,onAltButtonClick:c=()=>{},onClickFunc:u=()=>{}})=>{const[y,b]=k(!1);return i.createElement("div",{className:I("message-field",{[`message-field--variant-${t}`]:t,[`message-field--variant-${t}-${r}`]:r})},e?i.createElement(l,n(m({},e),{leadingIcon:i.createElement(x,null),variant:l.variants.tertiary,onClick:c,size:r===o.small?l.sizes.small:l.sizes.basic})):null,i.createElement("div",{className:"message-field__message"},i.createElement(d,n(m({},s),{onChange:h=>{b(!!h.target.value.length)},isLabelVisible:!1,size:r===o.small?d.sizes.small:d.sizes.default,isShort:!0}))),i.createElement("div",null,i.createElement(l,n(m({},a),{disabled:!y||p,leadingIcon:i.createElement(A,null),onClick:u,size:r===o.small?l.sizes.small:l.sizes.basic,spinning:p,variant:l.variants.complete}))))};f.variants=z,f.sizes=o;var w=f;export{w as default};
+//# sourceMappingURL=message-field.js.map

package/react/message-field/message-field.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message-field/message-field.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\n\nimport { MessageField as Props, variants, sizes } from './message-field.types';\nimport Button from '../button';\nimport TextArea from '../text-area';\nimport Add from '../icons/16/add';\nimport Send from '../icons/16/send';\nimport classNames from 'classnames';\n\nconst MessageField: React.FunctionComponent<Props> & {\n  variants: typeof variants;\n  sizes: typeof sizes;\n} = ({\n  send,\n  input,\n  altButton,\n  variant = variants.nested,\n  size = sizes.default,\n  isSubmitting,\n  onAltButtonClick = () => {},\n  onClickFunc = () => {},\n}) => {\n  const [hasTyped, setHasTyped] = useState(false);\n  return (\n    <div\n      className={classNames('message-field', {\n        [`message-field--variant-${variant}`]: variant,\n        [`message-field--variant-${variant}-${size}`]: size,\n      })}\n    >\n      {altButton ? (\n        <Button\n          {...altButton}\n          leadingIcon={<Add />}\n          variant={Button.variants.tertiary}\n          onClick={onAltButtonClick}\n          size={size === sizes.small ? Button.sizes.small : Button.sizes.basic}\n        />\n      ) : null}\n      <div className=\"message-field__message\">\n        <TextArea\n          {...input}\n          onChange={e => {\n            setHasTyped(!!e.target.value.length);\n          }}\n          isLabelVisible={false}\n          size={\n            size === sizes.small ? TextArea.sizes.small : TextArea.sizes.default\n          }\n          isShort\n        />\n      </div>\n      <div>\n        <Button\n          {...send}\n          disabled={!hasTyped || isSubmitting}\n          leadingIcon={<Send />}\n          onClick={onClickFunc}\n          size={size === sizes.small ? Button.sizes.small : Button.sizes.basic}\n          spinning={isSubmitting}\n          variant={Button.variants.complete}\n        />\n      </div>\n    </div>\n  );\n};\n\nMessageField.variants = variants;\nMessageField.sizes = sizes;\nexport default MessageField;\n"],
+  "mappings": "6aAAA,OAAOA,GAAS,YAAAC,MAAgB,QAEhC,OAAgC,YAAAC,EAAU,SAAAC,MAAa,wBACvD,OAAOC,MAAY,YACnB,OAAOC,MAAc,eACrB,OAAOC,MAAS,kBAChB,OAAOC,MAAU,mBACjB,OAAOC,MAAgB,aAEvB,MAAMC,EAGF,CAAC,CACH,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EAAUX,EAAS,OACnB,KAAAY,EAAOX,EAAM,QACb,aAAAY,EACA,iBAAAC,EAAmB,IAAM,CAAC,EAC1B,YAAAC,EAAc,IAAM,CAAC,CACvB,IAAM,CACJ,KAAM,CAACC,EAAUC,CAAW,EAAIlB,EAAS,EAAK,EAC9C,OACED,EAAA,cAAC,OACC,UAAWQ,EAAW,gBAAiB,CACrC,CAAC,0BAA0BK,CAAO,EAAE,EAAGA,EACvC,CAAC,0BAA0BA,CAAO,IAAIC,CAAI,EAAE,EAAGA,CACjD,CAAC,GAEAF,EACCZ,EAAA,cAACI,EAAAgB,EAAAC,EAAA,GACKT,GADL,CAEC,YAAaZ,EAAA,cAACM,EAAA,IAAI,EAClB,QAASF,EAAO,SAAS,SACzB,QAASY,EACT,KAAMF,IAASX,EAAM,MAAQC,EAAO,MAAM,MAAQA,EAAO,MAAM,OACjE,EACE,KACJJ,EAAA,cAAC,OAAI,UAAU,0BACbA,EAAA,cAACK,EAAAe,EAAAC,EAAA,GACKV,GADL,CAEC,SAAUW,GAAK,CACbH,EAAY,CAAC,CAACG,EAAE,OAAO,MAAM,MAAM,CACrC,EACA,eAAgB,GAChB,KACER,IAASX,EAAM,MAAQE,EAAS,MAAM,MAAQA,EAAS,MAAM,QAE/D,QAAO,IACT,CACF,EACAL,EAAA,cAAC,WACCA,EAAA,cAACI,EAAAgB,EAAAC,EAAA,GACKX,GADL,CAEC,SAAU,CAACQ,GAAYH,EACvB,YAAaf,EAAA,cAACO,EAAA,IAAK,EACnB,QAASU,EACT,KAAMH,IAASX,EAAM,MAAQC,EAAO,MAAM,MAAQA,EAAO,MAAM,MAC/D,SAAUW,EACV,QAASX,EAAO,SAAS,UAC3B,CACF,CACF,CAEJ,EAEAK,EAAa,SAAWP,EACxBO,EAAa,MAAQN,EACrB,IAAOoB,EAAQd",
+  "names": ["React", "useState", "variants", "sizes", "Button", "TextArea", "Add", "Send", "classNames", "MessageField", "send", "input", "altButton", "variant", "size", "isSubmitting", "onAltButtonClick", "onClickFunc", "hasTyped", "setHasTyped", "__spreadProps", "__spreadValues", "e", "message_field_default"]
+}

package/react/message-field/message-field.types.d.ts

@@ -0,0 +1,21 @@
+import type { Button } from '../button/button.types';
+import type { TextArea } from '../text-area/text-area.types';
+import type { ObjectValues } from '../types';
+export declare const variants: {
+    readonly nested: "nested";
+    readonly standalone: "standalone";
+};
+export declare const sizes: {
+    readonly default: "default";
+    readonly small: "small";
+};
+export type MessageField = {
+    send: Button;
+    input: TextArea;
+    altButton?: Button;
+    variant?: ObjectValues<typeof variants>;
+    size?: ObjectValues<typeof sizes>;
+    isSubmitting?: boolean;
+    onAltButtonClick?: () => void;
+    onClickFunc?: () => void;
+};

package/react/message-field/message-field.types.js

@@ -0,0 +1,2 @@
+const t={nested:"nested",standalone:"standalone"},e={default:"default",small:"small"};export{e as sizes,t as variants};
+//# sourceMappingURL=message-field.types.js.map

package/react/message-field/message-field.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/message-field/message-field.types.ts"],
+  "sourcesContent": ["import type { Button } from '../button/button.types';\nimport type { TextArea } from '../text-area/text-area.types';\nimport type { ObjectValues } from '../types';\n\nexport const variants = {\n  nested: 'nested',\n  standalone: 'standalone',\n} as const;\n\nexport const sizes = {\n  default: 'default',\n  small: 'small',\n} as const;\n\nexport type MessageField = {\n  send: Button;\n  input: TextArea;\n  altButton?: Button;\n  variant?: ObjectValues<typeof variants>;\n  size?: ObjectValues<typeof sizes>;\n  isSubmitting?: boolean;\n  onAltButtonClick?: () => void;\n  onClickFunc?: () => void;\n};\n"],
+  "mappings": "AAIO,MAAMA,EAAW,CACtB,OAAQ,SACR,WAAY,YACd,EAEaC,EAAQ,CACnB,QAAS,UACT,MAAO,OACT",
+  "names": ["variants", "sizes"]
+}

package/react/modal/index.js

@@ -0,0 +1,2 @@
+import o from"./modal";var t=o;export{t as default};
+//# sourceMappingURL=index.js.map

package/react/modal/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/modal/index.ts"],
+  "sourcesContent": ["import Modal from './modal';\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAOA,MAAW,UAClB,IAAOC,EAAQD",
+  "names": ["Modal", "modal_default"]
+}

package/react/modal/modal.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type Modal as Props, backgrounds } from './modal.types';
+declare const Modal: React.FC<React.PropsWithChildren<Props>> & {
+    backgrounds: typeof backgrounds;
+};
+export default Modal;

package/react/modal/modal.js

@@ -0,0 +1,2 @@
+var C=Object.defineProperty,B=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var c=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var f=(s,l,i)=>l in s?C(s,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[l]=i,v=(s,l)=>{for(var i in l||(l={}))P.call(l,i)&&f(s,i,l[i]);if(c)for(var i of c(l))E.call(l,i)&&f(s,i,l[i]);return s},N=(s,l)=>B(s,I(l));import _ from"classnames";import*as o from"react";import*as w from"react-dom";import e from"../button";import A from"../hooks/use-escape";import{useIsMounted as D}from"../hooks/use-is-mounted";import h from"../icons/18/close";import r from"../text";import{ActionTypes as y,backgrounds as T}from"./modal.types";import H from"./tab-trapper";import L from"../link-button";const k=({ariaLabel:s,background:l=T.primary,children:i,closeLabel:u,explanation:n,id:M,onClose:d=()=>{},title:t,actions:m,onClick:g=()=>{}})=>{const p=o.useRef(null),x=D();if(A(d),!x)return null;const b=a=>{p.current&&p.current===a.target&&d()};return w.createPortal(o.createElement("div",{"aria-label":s,className:"modal",id:M,onClick:b,ref:p,role:"dialog"},o.createElement("div",{className:_("modal__content",{[`modal__content--${l}`]:l})},o.createElement(H,{isActive:!0,className:"modal__content-inner"},o.createElement("div",{className:_("modal__close-action",{"modal__close-action--always-shown":m&&m.length})},o.createElement(e,{leadingIcon:o.createElement(h,null),onClick:d,size:e.sizes.small,text:u,variant:e.variants.secondary,iconOnly:!0})),t||n?o.createElement("div",{className:"modal__nav"},o.createElement("div",{className:"modal__texts"},t?o.createElement(r,{className:"modal__title",size:r.sizes.headline2,theme:r.themes.emphasis},t):null,n?o.createElement("div",{className:_("modal__explanation",{[`modal__explanation--${l}`]:l})},o.createElement(r,{size:r.sizes.small},n)):null)):null,o.createElement("div",{className:"modal__children"},o.createElement("div",null,i)),m&&m.length?o.createElement("div",{className:"modal__actions"},m.map(a=>a.type===y.LinkButton?o.createElement(L,v({},a.action)):a.type===y.Button?o.createElement(e,N(v({},a.action),{onClick:z=>g(a.buttonId,z)})):null)):o.createElement("div",{className:"modal__close-action-mobile"},o.createElement(e,{leadingIcon:o.createElement(h,null),onClick:d,text:u,variant:e.variants.secondary}))))),document.body)};k.backgrounds=T;var S=k;export{S as default};
+//# sourceMappingURL=modal.js.map

package/react/modal/modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/modal/modal.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\n\nimport Button from '../button';\nimport useEscape from '../hooks/use-escape';\nimport { useIsMounted } from '../hooks/use-is-mounted';\nimport Close from '../icons/18/close';\nimport Text from '../text';\n\nimport { ActionTypes, type Modal as Props, backgrounds } from './modal.types';\nimport TabTrapper from './tab-trapper';\nimport LinkButton from '../link-button';\n\nconst Modal: React.FC<React.PropsWithChildren<Props>> & {\n  backgrounds: typeof backgrounds;\n} = ({\n  ariaLabel,\n  background = backgrounds.primary,\n  children,\n  closeLabel,\n  explanation,\n  id,\n  onClose = () => {},\n  title,\n  actions,\n  onClick = () => {},\n}) => {\n  const modal = React.useRef<HTMLDivElement>(null);\n  const isMounted = useIsMounted();\n  useEscape(onClose);\n\n  if (!isMounted) {\n    return null;\n  }\n\n  const handleModalClick: React.MouseEventHandler = e => {\n    if (modal.current && modal.current === e.target) {\n      onClose();\n    }\n  };\n\n  return ReactDOM.createPortal(\n    <div\n      aria-label={ariaLabel}\n      className=\"modal\"\n      id={id}\n      onClick={handleModalClick}\n      ref={modal}\n      role=\"dialog\"\n    >\n      <div\n        className={classNames('modal__content', {\n          [`modal__content--${background}`]: background,\n        })}\n      >\n        <TabTrapper isActive={true} className=\"modal__content-inner\">\n          <div\n            className={classNames('modal__close-action', {\n              'modal__close-action--always-shown': actions && actions.length,\n            })}\n          >\n            <Button\n              leadingIcon={<Close />}\n              onClick={onClose}\n              size={Button.sizes.small}\n              text={closeLabel}\n              variant={Button.variants.secondary}\n              iconOnly\n            />\n          </div>\n          {title || explanation ? (\n            <div className=\"modal__nav\">\n              <div className=\"modal__texts\">\n                {title ? (\n                  <Text\n                    className=\"modal__title\"\n                    size={Text.sizes.headline2}\n                    theme={Text.themes.emphasis}\n                  >\n                    {title}\n                  </Text>\n                ) : null}\n                {explanation ? (\n                  <div\n                    className={classNames('modal__explanation', {\n                      [`modal__explanation--${background}`]: background,\n                    })}\n                  >\n                    <Text size={Text.sizes.small}>{explanation}</Text>\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n          <div className=\"modal__children\">\n            <div>{children}</div>\n          </div>\n          {actions && actions.length ? (\n            <div className=\"modal__actions\">\n              {actions.map(action =>\n                action.type === ActionTypes.LinkButton ? (\n                  <LinkButton {...action.action} />\n                ) : action.type === ActionTypes.Button ? (\n                  <Button\n                    {...action.action}\n                    onClick={e => onClick(action.buttonId, e)}\n                  />\n                ) : null,\n              )}\n            </div>\n          ) : (\n            <div className=\"modal__close-action-mobile\">\n              <Button\n                leadingIcon={<Close />}\n                onClick={onClose}\n                text={closeLabel}\n                variant={Button.variants.secondary}\n              />\n            </div>\n          )}\n        </TabTrapper>\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nModal.backgrounds = backgrounds;\n\nexport default Modal;\n"],
+  "mappings": "6aAAA,OAAOA,MAAgB,aACvB,UAAYC,MAAW,QACvB,UAAYC,MAAc,YAE1B,OAAOC,MAAY,YACnB,OAAOC,MAAe,sBACtB,OAAS,gBAAAC,MAAoB,0BAC7B,OAAOC,MAAW,oBAClB,OAAOC,MAAU,UAEjB,OAAS,eAAAC,EAAkC,eAAAC,MAAmB,gBAC9D,OAAOC,MAAgB,gBACvB,OAAOC,MAAgB,iBAEvB,MAAMC,EAEF,CAAC,CACH,UAAAC,EACA,WAAAC,EAAaL,EAAY,QACzB,SAAAM,EACA,WAAAC,EACA,YAAAC,EACA,GAAAC,EACA,QAAAC,EAAU,IAAM,CAAC,EACjB,MAAAC,EACA,QAAAC,EACA,QAAAC,EAAU,IAAM,CAAC,CACnB,IAAM,CACJ,MAAMC,EAAQtB,EAAM,OAAuB,IAAI,EACzCuB,EAAYnB,EAAa,EAG/B,GAFAD,EAAUe,CAAO,EAEb,CAACK,EACH,OAAO,KAGT,MAAMC,EAA4CC,GAAK,CACjDH,EAAM,SAAWA,EAAM,UAAYG,EAAE,QACvCP,EAAQ,CAEZ,EAEA,OAAOjB,EAAS,aACdD,EAAA,cAAC,OACC,aAAYY,EACZ,UAAU,QACV,GAAIK,EACJ,QAASO,EACT,IAAKF,EACL,KAAK,UAELtB,EAAA,cAAC,OACC,UAAWD,EAAW,iBAAkB,CACtC,CAAC,mBAAmBc,CAAU,EAAE,EAAGA,CACrC,CAAC,GAEDb,EAAA,cAACS,EAAA,CAAW,SAAU,GAAM,UAAU,wBACpCT,EAAA,cAAC,OACC,UAAWD,EAAW,sBAAuB,CAC3C,oCAAqCqB,GAAWA,EAAQ,MAC1D,CAAC,GAEDpB,EAAA,cAACE,EAAA,CACC,YAAaF,EAAA,cAACK,EAAA,IAAM,EACpB,QAASa,EACT,KAAMhB,EAAO,MAAM,MACnB,KAAMa,EACN,QAASb,EAAO,SAAS,UACzB,SAAQ,GACV,CACF,EACCiB,GAASH,EACRhB,EAAA,cAAC,OAAI,UAAU,cACbA,EAAA,cAAC,OAAI,UAAU,gBACZmB,EACCnB,EAAA,cAACM,EAAA,CACC,UAAU,eACV,KAAMA,EAAK,MAAM,UACjB,MAAOA,EAAK,OAAO,UAElBa,CACH,EACE,KACHH,EACChB,EAAA,cAAC,OACC,UAAWD,EAAW,qBAAsB,CAC1C,CAAC,uBAAuBc,CAAU,EAAE,EAAGA,CACzC,CAAC,GAEDb,EAAA,cAACM,EAAA,CAAK,KAAMA,EAAK,MAAM,OAAQU,CAAY,CAC7C,EACE,IACN,CACF,EACE,KACJhB,EAAA,cAAC,OAAI,UAAU,mBACbA,EAAA,cAAC,WAAKc,CAAS,CACjB,EACCM,GAAWA,EAAQ,OAClBpB,EAAA,cAAC,OAAI,UAAU,kBACZoB,EAAQ,IAAIM,GACXA,EAAO,OAASnB,EAAY,WAC1BP,EAAA,cAACU,EAAAiB,EAAA,GAAeD,EAAO,OAAQ,EAC7BA,EAAO,OAASnB,EAAY,OAC9BP,EAAA,cAACE,EAAA0B,EAAAD,EAAA,GACKD,EAAO,QADZ,CAEC,QAASD,GAAKJ,EAAQK,EAAO,SAAUD,CAAC,GAC1C,EACE,IACN,CACF,EAEAzB,EAAA,cAAC,OAAI,UAAU,8BACbA,EAAA,cAACE,EAAA,CACC,YAAaF,EAAA,cAACK,EAAA,IAAM,EACpB,QAASa,EACT,KAAMH,EACN,QAASb,EAAO,SAAS,UAC3B,CACF,CAEJ,CACF,CACF,EACA,SAAS,IACX,CACF,EAEAS,EAAM,YAAcH,EAEpB,IAAOqB,EAAQlB",
+  "names": ["classNames", "React", "ReactDOM", "Button", "useEscape", "useIsMounted", "Close", "Text", "ActionTypes", "backgrounds", "TabTrapper", "LinkButton", "Modal", "ariaLabel", "background", "children", "closeLabel", "explanation", "id", "onClose", "title", "actions", "onClick", "modal", "isMounted", "handleModalClick", "e", "action", "__spreadValues", "__spreadProps", "modal_default"]
+}

package/react/modal/modal.types.d.ts

@@ -0,0 +1,32 @@
+import { Button } from '../button/button.types';
+import { LinkButton } from '../link-button/link-button.types';
+import { ObjectValues } from '../types';
+export declare const backgrounds: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+};
+export declare enum ActionTypes {
+    LinkButton = "LinkButton",
+    Button = "Button"
+}
+type LinkAction = {
+    type: ActionTypes.LinkButton;
+    action: LinkButton;
+};
+type ButtonAction = {
+    type: ActionTypes.Button;
+    action: Button;
+    buttonId: string;
+};
+export type Modal = {
+    ariaLabel: string;
+    background?: ObjectValues<typeof backgrounds>;
+    closeLabel: string;
+    explanation?: string;
+    id: string;
+    onClose?: () => void;
+    title?: string;
+    actions?: (LinkAction | ButtonAction)[];
+    onClick?: (id: string, arg?: unknown) => void;
+};
+export {};

package/react/modal/modal.types.js

@@ -0,0 +1,2 @@
+const s={primary:"primary",secondary:"secondary"};var n=(t=>(t.LinkButton="LinkButton",t.Button="Button",t))(n||{});export{n as ActionTypes,s as backgrounds};
+//# sourceMappingURL=modal.types.js.map

package/react/modal/modal.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/modal/modal.types.ts"],
+  "sourcesContent": ["import { Button } from '../button/button.types';\nimport { LinkButton } from '../link-button/link-button.types';\nimport { ObjectValues } from '../types';\n\nexport const backgrounds = {\n  primary: 'primary',\n  secondary: 'secondary',\n} as const;\n\nexport enum ActionTypes {\n  LinkButton = 'LinkButton',\n  Button = 'Button',\n}\n\ntype LinkAction = {\n  type: ActionTypes.LinkButton;\n  action: LinkButton;\n};\n\ntype ButtonAction = {\n  type: ActionTypes.Button;\n  action: Button;\n  buttonId: string;\n};\n\nexport type Modal = {\n  ariaLabel: string;\n  background?: ObjectValues<typeof backgrounds>;\n  closeLabel: string;\n  explanation?: string;\n  id: string;\n  onClose?: () => void;\n  title?: string;\n  actions?: (LinkAction | ButtonAction)[];\n  onClick?: (id: string, arg?: unknown) => void;\n};\n"],
+  "mappings": "AAIO,MAAMA,EAAc,CACzB,QAAS,UACT,UAAW,WACb,EAEO,IAAKC,OACVA,EAAA,WAAa,aACbA,EAAA,OAAS,SAFCA,OAAA",
+  "names": ["backgrounds", "ActionTypes"]
+}

package/react/modal/tab-trapper.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const TabTrapper: React.FunctionComponent<React.PropsWithChildren<{
+    isActive: boolean;
+    className?: string;
+}>>;
+export default TabTrapper;

package/react/modal/tab-trapper.js

@@ -0,0 +1,2 @@
+import*as n from"react";const c=t=>{var e;(e=t==null?void 0:t.current)==null||e.focus()},f=(t,e)=>{const u=n.useRef(typeof e=="undefined"?null:e);return n.useEffect(()=>{u.current=t},[t]),u.current},a=({children:t,isActive:e,className:u})=>{const l=f(e),r=n.useRef(null),o=n.useRef(null),s=()=>c(r);return n.useEffect(()=>{!l&&e&&(o.current=document.activeElement,s()),l&&!e&&c(o)},[e]),n.useEffect(()=>()=>c(o),[]),n.createElement(n.Fragment,null,e?n.createElement("div",{onFocus:s,tabIndex:0}):null,n.createElement("div",{ref:r,tabIndex:-1,className:u},t),e?n.createElement("div",{onFocus:s,tabIndex:0}):null)};var d=a;export{d as default};
+//# sourceMappingURL=tab-trapper.js.map

package/react/modal/tab-trapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/modal/tab-trapper.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nconst focusRef = (ref: React.RefObject<HTMLElement | null>): void => {\n  ref?.current?.focus();\n};\n\n/** Returns the value of `value` from the previous render.\n```js\nconst [value, setValue] = useState();\nconst previousValue = usePrevious(value);\n```\n */\n// eslint-disable-next-line\nconst usePrevious = <T extends unknown>(\n  value: T,\n  initialValue?: T,\n): React.RefObject<T | null>['current'] => {\n  const state = React.useRef<T | null>(\n    typeof initialValue === 'undefined' ? null : initialValue,\n  );\n\n  React.useEffect(() => {\n    state.current = value;\n  }, [value]);\n\n  return state.current;\n};\n\nconst TabTrapper: React.FunctionComponent<\n  React.PropsWithChildren<{\n    isActive: boolean;\n    className?: string;\n  }>\n> = ({ children, isActive, className }) => {\n  const wasActive = usePrevious(isActive);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const previouslyFocusedElement = React.useRef<HTMLElement | null>(null);\n\n  const focusContent = () => focusRef(contentRef);\n\n  React.useEffect(() => {\n    if (!wasActive && isActive) {\n      // NOTE: Because document.activeElement is an Element by default, we need\n      // to cast this as a HTMLElement to be able to use HTMLElement functions\n      previouslyFocusedElement.current = document.activeElement as HTMLElement;\n      focusContent();\n    }\n\n    if (wasActive && !isActive) {\n      focusRef(previouslyFocusedElement);\n    }\n  }, [isActive]);\n\n  // NOTE: This happens on unmount only\n  React.useEffect(() => () => focusRef(previouslyFocusedElement), []);\n\n  return (\n    <React.Fragment>\n      {isActive ? <div onFocus={focusContent} tabIndex={0} /> : null}\n      <div ref={contentRef} tabIndex={-1} className={className}>\n        {children}\n      </div>\n      {isActive ? <div onFocus={focusContent} tabIndex={0} /> : null}\n    </React.Fragment>\n  );\n};\n\nexport default TabTrapper;\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QAEvB,MAAMC,EAAYC,GAAmD,CAFrE,IAAAC,GAGEA,EAAAD,GAAA,YAAAA,EAAK,UAAL,MAAAC,EAAc,OAChB,EASMC,EAAc,CAClBC,EACAC,IACyC,CACzC,MAAMC,EAAQP,EAAM,OAClB,OAAOM,GAAiB,YAAc,KAAOA,CAC/C,EAEA,OAAAN,EAAM,UAAU,IAAM,CACpBO,EAAM,QAAUF,CAClB,EAAG,CAACA,CAAK,CAAC,EAEHE,EAAM,OACf,EAEMC,EAKF,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,UAAAC,CAAU,IAAM,CACzC,MAAMC,EAAYR,EAAYM,CAAQ,EAChCG,EAAab,EAAM,OAAuB,IAAI,EAC9Cc,EAA2Bd,EAAM,OAA2B,IAAI,EAEhEe,EAAe,IAAMd,EAASY,CAAU,EAE9C,OAAAb,EAAM,UAAU,IAAM,CAChB,CAACY,GAAaF,IAGhBI,EAAyB,QAAU,SAAS,cAC5CC,EAAa,GAGXH,GAAa,CAACF,GAChBT,EAASa,CAAwB,CAErC,EAAG,CAACJ,CAAQ,CAAC,EAGbV,EAAM,UAAU,IAAM,IAAMC,EAASa,CAAwB,EAAG,CAAC,CAAC,EAGhEd,EAAA,cAACA,EAAM,SAAN,KACEU,EAAWV,EAAA,cAAC,OAAI,QAASe,EAAc,SAAU,EAAG,EAAK,KAC1Df,EAAA,cAAC,OAAI,IAAKa,EAAY,SAAU,GAAI,UAAWF,GAC5CF,CACH,EACCC,EAAWV,EAAA,cAAC,OAAI,QAASe,EAAc,SAAU,EAAG,EAAK,IAC5D,CAEJ,EAEA,IAAOC,EAAQR",
+  "names": ["React", "focusRef", "ref", "_a", "usePrevious", "value", "initialValue", "state", "TabTrapper", "children", "isActive", "className", "wasActive", "contentRef", "previouslyFocusedElement", "focusContent", "tab_trapper_default"]
+}

package/react/progress-bar/index.js

@@ -0,0 +1,2 @@
+import r from"./progress-bar";var e=r;export{e as default};
+//# sourceMappingURL=index.js.map

package/react/progress-bar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/progress-bar/index.ts"],
+  "sourcesContent": ["import ProgressBar from './progress-bar';\nexport default ProgressBar;\n"],
+  "mappings": "AAAA,OAAOA,MAAiB,iBACxB,IAAOC,EAAQD",
+  "names": ["ProgressBar", "progress_bar_default"]
+}

package/react/progress-bar/progress-bar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Progressbar as Props, variants, themes, labelAlignments, labelPositions } from './progress-bar.types';
+declare const ProgressBar: React.FunctionComponent<Props> & {
+    variants: typeof variants;
+    themes: typeof themes;
+    labelAlignments: typeof labelAlignments;
+    labelPositions: typeof labelPositions;
+};
+export default ProgressBar;

package/react/progress-bar/progress-bar.js

@@ -0,0 +1,2 @@
+import i from"classnames";import s from"react";import e from"../text";import{variants as b,themes as g,labelAlignments as d,labelPositions as _}from"./progress-bar.types";const a=({value:t,max:n,label:o,labelAlignment:p="right",labelPosition:l,variant:m,theme:r})=>s.createElement("div",{className:i("progress-bar",{[`progress-bar--${l}`]:l})},s.createElement("progress",{className:"progress-bar__hidden",value:t,max:n}),s.createElement("div",{className:i("progress-bar__progress",{[`progress-bar__progress--${r}`]:r})},s.createElement("div",{className:i("progress-bar__bar",{[`progress-bar__bar--${m}`]:m,[`progress-bar__bar--${r}`]:r}),style:{width:`${Math.floor(t/n*100)}%`}})),o?s.createElement("div",{className:i("progress-bar__text",{[`progress-bar__text--${r}`]:r})},p==="left"?s.createElement(e,{elementName:"span",size:e.sizes.basic},o.text):null,o.boldText?s.createElement(e,{elementName:"span",size:e.sizes.basic,theme:e.themes.emphasis},o.boldText):void 0,p==="right"?s.createElement(e,{elementName:"span",size:e.sizes.basic},o.text):null):void 0);a.variants=b,a.themes=g,a.labelAlignments=d,a.labelPositions=_;var P=a;export{P as default};
+//# sourceMappingURL=progress-bar.js.map

package/react/progress-bar/progress-bar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/progress-bar/progress-bar.tsx"],
+  "sourcesContent": ["import classNames from 'classnames';\nimport React from 'react';\n\nimport Text from '../text';\n\nimport {\n  Progressbar as Props,\n  variants,\n  themes,\n  labelAlignments,\n  labelPositions,\n} from './progress-bar.types';\n\nconst ProgressBar: React.FunctionComponent<Props> & {\n  variants: typeof variants;\n  themes: typeof themes;\n  labelAlignments: typeof labelAlignments;\n  labelPositions: typeof labelPositions;\n} = ({\n  value,\n  max,\n  label,\n  labelAlignment = 'right',\n  labelPosition,\n  variant,\n  theme,\n}) => (\n  <div\n    className={classNames('progress-bar', {\n      [`progress-bar--${labelPosition}`]: labelPosition,\n    })}\n  >\n    <progress className=\"progress-bar__hidden\" value={value} max={max} />\n    <div\n      className={classNames('progress-bar__progress', {\n        [`progress-bar__progress--${theme}`]: theme,\n      })}\n    >\n      <div\n        className={classNames('progress-bar__bar', {\n          [`progress-bar__bar--${variant}`]: variant,\n          [`progress-bar__bar--${theme}`]: theme,\n        })}\n        style={{ width: `${Math.floor((value / max) * 100)}%` }}\n      />\n    </div>\n    {label ? (\n      <div\n        className={classNames('progress-bar__text', {\n          [`progress-bar__text--${theme}`]: theme,\n        })}\n      >\n        {labelAlignment === 'left' ? (\n          <Text elementName=\"span\" size={Text.sizes.basic}>\n            {label.text}\n          </Text>\n        ) : null}\n        {label.boldText ? (\n          <Text\n            elementName=\"span\"\n            size={Text.sizes.basic}\n            theme={Text.themes.emphasis}\n          >\n            {label.boldText}\n          </Text>\n        ) : undefined}\n        {labelAlignment === 'right' ? (\n          <Text elementName=\"span\" size={Text.sizes.basic}>\n            {label.text}\n          </Text>\n        ) : null}\n      </div>\n    ) : undefined}\n  </div>\n);\n\nProgressBar.variants = variants;\nProgressBar.themes = themes;\nProgressBar.labelAlignments = labelAlignments;\nProgressBar.labelPositions = labelPositions;\nexport default ProgressBar;\n"],
+  "mappings": "AAAA,OAAOA,MAAgB,aACvB,OAAOC,MAAW,QAElB,OAAOC,MAAU,UAEjB,OAEE,YAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,kBAAAC,MACK,uBAEP,MAAMC,EAKF,CAAC,CACH,MAAAC,EACA,IAAAC,EACA,MAAAC,EACA,eAAAC,EAAiB,QACjB,cAAAC,EACA,QAAAC,EACA,MAAAC,CACF,IACEb,EAAA,cAAC,OACC,UAAWD,EAAW,eAAgB,CACpC,CAAC,iBAAiBY,CAAa,EAAE,EAAGA,CACtC,CAAC,GAEDX,EAAA,cAAC,YAAS,UAAU,uBAAuB,MAAOO,EAAO,IAAKC,EAAK,EACnER,EAAA,cAAC,OACC,UAAWD,EAAW,yBAA0B,CAC9C,CAAC,2BAA2Bc,CAAK,EAAE,EAAGA,CACxC,CAAC,GAEDb,EAAA,cAAC,OACC,UAAWD,EAAW,oBAAqB,CACzC,CAAC,sBAAsBa,CAAO,EAAE,EAAGA,EACnC,CAAC,sBAAsBC,CAAK,EAAE,EAAGA,CACnC,CAAC,EACD,MAAO,CAAE,MAAO,GAAG,KAAK,MAAON,EAAQC,EAAO,GAAG,CAAC,GAAI,EACxD,CACF,EACCC,EACCT,EAAA,cAAC,OACC,UAAWD,EAAW,qBAAsB,CAC1C,CAAC,uBAAuBc,CAAK,EAAE,EAAGA,CACpC,CAAC,GAEAH,IAAmB,OAClBV,EAAA,cAACC,EAAA,CAAK,YAAY,OAAO,KAAMA,EAAK,MAAM,OACvCQ,EAAM,IACT,EACE,KACHA,EAAM,SACLT,EAAA,cAACC,EAAA,CACC,YAAY,OACZ,KAAMA,EAAK,MAAM,MACjB,MAAOA,EAAK,OAAO,UAElBQ,EAAM,QACT,EACE,OACHC,IAAmB,QAClBV,EAAA,cAACC,EAAA,CAAK,YAAY,OAAO,KAAMA,EAAK,MAAM,OACvCQ,EAAM,IACT,EACE,IACN,EACE,MACN,EAGFH,EAAY,SAAWJ,EACvBI,EAAY,OAASH,EACrBG,EAAY,gBAAkBF,EAC9BE,EAAY,eAAiBD,EAC7B,IAAOS,EAAQR",
+  "names": ["classNames", "React", "Text", "variants", "themes", "labelAlignments", "labelPositions", "ProgressBar", "value", "max", "label", "labelAlignment", "labelPosition", "variant", "theme", "progress_bar_default"]
+}

package/react/progress-bar/progress-bar.types.d.ts

@@ -0,0 +1,30 @@
+import { ObjectValues } from '../types';
+export declare const variants: {
+    readonly cta: "cta";
+};
+export declare const themes: {
+    readonly dark: "dark";
+};
+export declare const labelAlignments: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const labelPositions: {
+    readonly topLeft: "top-left";
+    readonly topCenter: "top-center";
+    readonly topRight: "top-right";
+    readonly bottomCenter: "bottom-center";
+    readonly bottomRight: "bottom-right";
+};
+export type Progressbar = {
+    value: number;
+    max: number;
+    label?: {
+        boldText?: string;
+        text: string;
+    };
+    labelAlignment?: ObjectValues<typeof labelAlignments>;
+    labelPosition?: ObjectValues<typeof labelPositions>;
+    variant?: ObjectValues<typeof variants>;
+    theme?: ObjectValues<typeof themes>;
+};

package/react/progress-bar/progress-bar.types.js

@@ -0,0 +1,2 @@
+const o={cta:"cta"},s={dark:"dark"},a={left:"left",right:"right"},n={topLeft:"top-left",topCenter:"top-center",topRight:"top-right",bottomCenter:"bottom-center",bottomRight:"bottom-right"};export{a as labelAlignments,n as labelPositions,s as themes,o as variants};
+//# sourceMappingURL=progress-bar.types.js.map

package/react/progress-bar/progress-bar.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/progress-bar/progress-bar.types.ts"],
+  "sourcesContent": ["import { ObjectValues } from '../types';\n\nexport const variants = {\n  cta: 'cta',\n} as const;\n\nexport const themes = {\n  dark: 'dark',\n} as const;\n\nexport const labelAlignments = {\n  left: 'left',\n  right: 'right',\n} as const;\n\nexport const labelPositions = {\n  topLeft: 'top-left',\n  topCenter: 'top-center',\n  topRight: 'top-right',\n  bottomCenter: 'bottom-center',\n  bottomRight: 'bottom-right',\n} as const;\n\nexport type Progressbar = {\n  value: number;\n  max: number;\n  label?: {\n    boldText?: string;\n    text: string;\n  };\n  labelAlignment?: ObjectValues<typeof labelAlignments>;\n  labelPosition?: ObjectValues<typeof labelPositions>;\n  variant?: ObjectValues<typeof variants>;\n  theme?: ObjectValues<typeof themes>;\n};\n"],
+  "mappings": "AAEO,MAAMA,EAAW,CACtB,IAAK,KACP,EAEaC,EAAS,CACpB,KAAM,MACR,EAEaC,EAAkB,CAC7B,KAAM,OACN,MAAO,OACT,EAEaC,EAAiB,CAC5B,QAAS,WACT,UAAW,aACX,SAAU,YACV,aAAc,gBACd,YAAa,cACf",
+  "names": ["variants", "themes", "labelAlignments", "labelPositions"]
+}

package/react/radio/index.js

@@ -0,0 +1,2 @@
+import o from"./radio";var t=o;export{t as default};
+//# sourceMappingURL=index.js.map

package/react/radio/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/radio/index.ts"],
+  "sourcesContent": ["import Radio from './radio';\nexport default Radio;\n"],
+  "mappings": "AAAA,OAAOA,MAAW,UAClB,IAAOC,EAAQD",
+  "names": ["Radio", "radio_default"]
+}

package/react/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { colors } from './radio.types';
+declare const RefRadio: React.ForwardRefExoticComponent<{
+    color?: import("../types").ObjectValues<typeof colors>;
+    description?: string;
+    isUnderline?: boolean;
+    label?: string;
+    name: string;
+    showCustomError?: boolean;
+    value: string;
+} & import("../types").InputHtmlProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+declare const Radio: typeof RefRadio & {
+    colors: typeof colors;
+};
+export default Radio;

package/react/radio/radio.js

@@ -0,0 +1,2 @@
+var x=Object.defineProperty;var l=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var t=(a,i,o)=>i in a?x(a,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[i]=o,u=(a,i)=>{for(var o in i||(i={}))f.call(i,o)&&t(a,o,i[o]);if(l)for(var o of l(i))p.call(i,o)&&t(a,o,i[o]);return a};var v=(a,i)=>{var o={};for(var n in a)f.call(a,n)&&i.indexOf(n)<0&&(o[n]=a[n]);if(a!=null&&l)for(var n of l(a))i.indexOf(n)<0&&p.call(a,n)&&(o[n]=a[n]);return o};import R from"classnames";import*as r from"react";import T from"../use-input-validation";import c from"../text";import{colors as z}from"./radio.types";const _=r.forwardRef((k,C)=>{var m=k,{children:a,color:i,description:o,isUnderline:n,label:h,name:I,showCustomError:N=!0,value:g}=m,e=v(m,["children","color","description","isUnderline","label","name","showCustomError","value"]);const[b,y,s]=T();return r.createElement("label",{className:R("radio",{"radio--error":s,"radio--underline":n},i)},r.createElement("input",u({name:I,value:g,ref:C,type:"radio",onChange:d=>{e.onChange&&e.onChange(d),b(d)},onInvalid:d=>{e.onInvalid&&e.onInvalid(d),y(d)}},e)),r.createElement("div",{className:"radio__label"},r.createElement("span",{className:"radio__fake-element"}),r.createElement("span",null,h,a)),s&&N&&r.createElement("div",{"aria-hidden":"true",className:"radio__error"},s),o&&r.createElement(c,{className:"radio__description",size:c.sizes.small},o))});_.displayName="Radio";const j=Object.assign(_,{colors:z});var V=j;export{V as default};
+//# sourceMappingURL=radio.js.map

package/react/radio/radio.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../react/radio/radio.tsx"],
+  "sourcesContent": ["import cn from 'classnames';\nimport * as React from 'react';\n\nimport useInputValidation from '../use-input-validation';\nimport Text from '../text';\n\nimport { colors, Radio as Props } from './radio.types';\n\nconst RefRadio = React.forwardRef<\n  HTMLInputElement,\n  React.PropsWithChildren<Props>\n>(\n  (\n    {\n      children,\n      color,\n      description,\n      isUnderline,\n      label,\n      name,\n      showCustomError = true,\n      value,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const [onChange, onInvalid, error] = useInputValidation();\n\n    return (\n      <label\n        className={cn(\n          'radio',\n          { 'radio--error': error, 'radio--underline': isUnderline },\n          color,\n        )}\n      >\n        <input\n          name={name}\n          value={value}\n          ref={ref}\n          type=\"radio\"\n          onChange={e => {\n            // NOTE: To not break compatibility\n            if (restProps.onChange) restProps.onChange(e);\n            onChange(e);\n          }}\n          onInvalid={e => {\n            // NOTE: To not break compatibility\n            if (restProps.onInvalid) restProps.onInvalid(e);\n            onInvalid(e);\n          }}\n          {...restProps}\n        />\n        <div className=\"radio__label\">\n          <span className=\"radio__fake-element\"></span>\n          <span>\n            {label}\n            {children}\n          </span>\n        </div>\n\n        {/* NOTE: This is aria-hidden because reporting of validation errors is handled by the browser */}\n        {error && showCustomError && (\n          <div aria-hidden=\"true\" className=\"radio__error\">\n            {error}\n          </div>\n        )}\n\n        {description && (\n          <Text className=\"radio__description\" size={Text.sizes.small}>\n            {description}\n          </Text>\n        )}\n      </label>\n    );\n  },\n);\n\n// NOTE: If this isn't set, stack traces say \"forwardRef\" instead of \"Radio\"\nRefRadio.displayName = 'Radio';\n\n// NOTE: The component is redeclared here because TypeScript doesn't accept assigning extra properties to `RefComponent` when it's declared\nconst Radio: typeof RefRadio & {\n  colors: typeof colors;\n} = Object.assign(RefRadio, { colors });\n\nexport default Radio;\n"],
+  "mappings": "2fAAA,OAAOA,MAAQ,aACf,UAAYC,MAAW,QAEvB,OAAOC,MAAwB,0BAC/B,OAAOC,MAAU,UAEjB,OAAS,UAAAC,MAA8B,gBAEvC,MAAMC,EAAWJ,EAAM,WAIrB,CACEK,EAWAC,IACG,CAZH,IAAAC,EAAAF,EACE,UAAAG,EACA,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkB,GAClB,MAAAC,CArBN,EAaIR,EASKS,EAAAC,EATLV,EASK,CARH,WACA,QACA,cACA,cACA,QACA,OACA,kBACA,UAKF,KAAM,CAACW,EAAUC,EAAWC,CAAK,EAAInB,EAAmB,EAExD,OACED,EAAA,cAAC,SACC,UAAWD,EACT,QACA,CAAE,eAAgBqB,EAAO,mBAAoBT,CAAY,EACzDF,CACF,GAEAT,EAAA,cAAC,QAAAqB,EAAA,CACC,KAAMR,EACN,MAAOE,EACP,IAAKT,EACL,KAAK,QACL,SAAUgB,GAAK,CAETN,EAAU,UAAUA,EAAU,SAASM,CAAC,EAC5CJ,EAASI,CAAC,CACZ,EACA,UAAWA,GAAK,CAEVN,EAAU,WAAWA,EAAU,UAAUM,CAAC,EAC9CH,EAAUG,CAAC,CACb,GACIN,EACN,EACAhB,EAAA,cAAC,OAAI,UAAU,gBACbA,EAAA,cAAC,QAAK,UAAU,sBAAsB,EACtCA,EAAA,cAAC,YACEY,EACAJ,CACH,CACF,EAGCY,GAASN,GACRd,EAAA,cAAC,OAAI,cAAY,OAAO,UAAU,gBAC/BoB,CACH,EAGDV,GACCV,EAAA,cAACE,EAAA,CAAK,UAAU,qBAAqB,KAAMA,EAAK,MAAM,OACnDQ,CACH,CAEJ,CAEJ,CACF,EAGAN,EAAS,YAAc,QAGvB,MAAMmB,EAEF,OAAO,OAAOnB,EAAU,CAAE,OAAAD,CAAO,CAAC,EAEtC,IAAOqB,EAAQD",
+  "names": ["cn", "React", "useInputValidation", "Text", "colors", "RefRadio", "_a", "ref", "_b", "children", "color", "description", "isUnderline", "label", "name", "showCustomError", "value", "restProps", "__objRest", "onChange", "onInvalid", "error", "__spreadValues", "e", "Radio", "radio_default"]
+}

package/react/radio/radio.types.d.ts

@@ -0,0 +1,13 @@
+import { InputHtmlProps, ObjectValues } from '../types';
+export declare const colors: {
+    readonly light: "radio--light";
+};
+export type Radio = {
+    color?: ObjectValues<typeof colors>;
+    description?: string;
+    isUnderline?: boolean;
+    label?: string;
+    name: string;
+    showCustomError?: boolean;
+    value: string;
+} & InputHtmlProps;

package/react/radio/radio.types.js

@@ -0,0 +1,2 @@
+const s={light:"radio--light"};export{s as colors};
+//# sourceMappingURL=radio.types.js.map