@cuemath/leap 2.8.52 → 2.8.53-aa0

package/dist/features/ui/avatar/layers/mouth/variant-4.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-4.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-4.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant4: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M25 57.8906C25 60.6521 27.2386 62.8906 30 62.8906C32.7614 62.8906 35 60.6521 35 57.8906C35 55.1292 37.2386 52.8907 40 52.8907C42.7614 52.8907 45 55.1292 45 57.8906C45 60.6521 47.2386 62.8906 50 62.8906C52.7614 62.8906 55 60.6521 55 57.8906C55 55.1292 57.2386 52.8906 60 52.8906C62.7614 52.8906 65 55.1292 65 57.8906C65 60.652 67.2386 62.8906 70 62.8906C72.7614 62.8906 75 60.652 75 57.8906\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant4;\n"],"names":["Variant4","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AACF;"}
+{"version":3,"file":"variant-4.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-4.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant4: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M25 57.8906C25 60.6521 27.2386 62.8906 30 62.8906C32.7614 62.8906 35 60.6521 35 57.8906C35 55.1292 37.2386 52.8907 40 52.8907C42.7614 52.8907 45 55.1292 45 57.8906C45 60.6521 47.2386 62.8906 50 62.8906C52.7614 62.8906 55 60.6521 55 57.8906C55 55.1292 57.2386 52.8906 60 52.8906C62.7614 52.8906 65 55.1292 65 57.8906C65 60.652 67.2386 62.8906 70 62.8906C72.7614 62.8906 75 60.652 75 57.8906\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant4;\n"],"names":["Variant4","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAAA;"}

package/dist/features/ui/avatar/layers/mouth/variant-5.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-5.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-5.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant5: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <circle cx=\"51\" cy=\"79\" r=\"14\" fill=\"black\" stroke=\"black\" strokeWidth=\"2\" />\n    </svg>\n  );\n};\n\nexport default Variant5;\n"],"names":["Variant5","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,SAAQ,QAAO,SAAQ,aAAY,IAAI,CAAA;AAAA,EAAA;AAC7E;"}
+{"version":3,"file":"variant-5.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-5.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant5: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <circle cx=\"51\" cy=\"79\" r=\"14\" fill=\"black\" stroke=\"black\" strokeWidth=\"2\" />\n    </svg>\n  );\n};\n\nexport default Variant5;\n"],"names":["Variant5","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAC,gBAAAC,EAAA,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,SAAQ,QAAO,SAAQ,aAAY,KAAI;AAAA,EAAA;AAAA;"}

package/dist/features/ui/avatar/layers/mouth/variant-6.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-6.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-6.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant6: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M70.3926 52.5864H49.8926V73.0864H70.3926V52.5864Z\" fill=\"white\" />\n      <path\n        d=\"M49.8926 93.5864C57.3605 93.5864 64.362 91.5898 70.3926 88.1014C76.617 84.5008 81.8069 79.3108 85.4075 73.0864C88.896 67.0559 90.8926 60.0543 90.8926 52.5864H8.89258C8.89258 60.0543 10.8892 67.0559 14.3776 73.0864C17.9783 79.3108 23.1682 84.5008 29.3926 88.1014C29.4012 88.1063 29.4098 88.1113 29.4185 88.1163C29.452 88.1357 29.4856 88.155 29.5193 88.1743C35.5211 91.6177 42.4769 93.5864 49.8926 93.5864Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M90.8926 52.5864H70.3926M90.8926 52.5864H8.89258M90.8926 52.5864C90.8926 60.0543 88.896 67.0559 85.4075 73.0864M8.89258 52.5864H29.3926M8.89258 52.5864C8.89258 60.0543 10.8892 67.0559 14.3776 73.0864M29.3926 52.5864H49.8926M29.3926 52.5864V88.1014M49.8926 52.5864H70.3926M49.8926 52.5864V73.0864M49.8926 93.5864V73.0864M49.8926 93.5864C57.3605 93.5864 64.362 91.5898 70.3926 88.1014M49.8926 93.5864C42.4769 93.5864 35.5211 91.6177 29.5193 88.1743M70.3926 52.5864V73.0864M70.3926 73.0864H49.8926M70.3926 73.0864L70.3926 87.5864V88.1014M70.3926 73.0864H85.4075M49.8926 73.0864H14.3776M14.3776 73.0864C17.9783 79.3108 23.1682 84.5008 29.3926 88.1014M29.3926 88.1014C29.4012 88.1063 29.4098 88.1113 29.4185 88.1163M70.3926 88.1014C76.617 84.5008 81.8069 79.3108 85.4075 73.0864M29.4185 88.1163C29.452 88.1357 29.4856 88.155 29.5193 88.1743M29.4185 88.1163L29.5193 88.1743\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant6;\n"],"names":["Variant6","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qDAAoD,MAAK,SAAQ;AAAA,MACzE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}
+{"version":3,"file":"variant-6.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-6.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant6: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M70.3926 52.5864H49.8926V73.0864H70.3926V52.5864Z\" fill=\"white\" />\n      <path\n        d=\"M49.8926 93.5864C57.3605 93.5864 64.362 91.5898 70.3926 88.1014C76.617 84.5008 81.8069 79.3108 85.4075 73.0864C88.896 67.0559 90.8926 60.0543 90.8926 52.5864H8.89258C8.89258 60.0543 10.8892 67.0559 14.3776 73.0864C17.9783 79.3108 23.1682 84.5008 29.3926 88.1014C29.4012 88.1063 29.4098 88.1113 29.4185 88.1163C29.452 88.1357 29.4856 88.155 29.5193 88.1743C35.5211 91.6177 42.4769 93.5864 49.8926 93.5864Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M90.8926 52.5864H70.3926M90.8926 52.5864H8.89258M90.8926 52.5864C90.8926 60.0543 88.896 67.0559 85.4075 73.0864M8.89258 52.5864H29.3926M8.89258 52.5864C8.89258 60.0543 10.8892 67.0559 14.3776 73.0864M29.3926 52.5864H49.8926M29.3926 52.5864V88.1014M49.8926 52.5864H70.3926M49.8926 52.5864V73.0864M49.8926 93.5864V73.0864M49.8926 93.5864C57.3605 93.5864 64.362 91.5898 70.3926 88.1014M49.8926 93.5864C42.4769 93.5864 35.5211 91.6177 29.5193 88.1743M70.3926 52.5864V73.0864M70.3926 73.0864H49.8926M70.3926 73.0864L70.3926 87.5864V88.1014M70.3926 73.0864H85.4075M49.8926 73.0864H14.3776M14.3776 73.0864C17.9783 79.3108 23.1682 84.5008 29.3926 88.1014M29.3926 88.1014C29.4012 88.1063 29.4098 88.1113 29.4185 88.1163M70.3926 88.1014C76.617 84.5008 81.8069 79.3108 85.4075 73.0864M29.4185 88.1163C29.452 88.1357 29.4856 88.155 29.5193 88.1743M29.4185 88.1163L29.5193 88.1743\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant6;\n"],"names":["Variant6","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qDAAoD,MAAK,SAAQ;AAAA,MACzE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/features/ui/avatar/layers/mouth/variant-7.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-7.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-7.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant7: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M28.5527 52.4565L39.0527 70.4565L49.5527 52.4565L60.0527 70.4565L70.5527 52.4565\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant7;\n"],"names":["Variant7","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd;AACF;"}
+{"version":3,"file":"variant-7.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-7.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant7: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        d=\"M28.5527 52.4565L39.0527 70.4565L49.5527 52.4565L60.0527 70.4565L70.5527 52.4565\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant7;\n"],"names":["Variant7","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAAA;"}

package/dist/features/ui/avatar/layers/mouth/variant-8.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-8.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-8.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant8: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M60.392 52.3789L49.9997 70.3789L39.6074 52.3789\" stroke=\"black\" strokeWidth=\"2\" />\n    </svg>\n  );\n};\n\nexport default Variant8;\n"],"names":["Variant8","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,4BAAC,QAAK,EAAA,GAAE,mDAAkD,QAAO,SAAQ,aAAY,IAAI,CAAA;AAAA,EAAA;AAC3F;"}
+{"version":3,"file":"variant-8.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-8.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant8: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M60.392 52.3789L49.9997 70.3789L39.6074 52.3789\" stroke=\"black\" strokeWidth=\"2\" />\n    </svg>\n  );\n};\n\nexport default Variant8;\n"],"names":["Variant8","color","props","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,4BAAC,QAAK,EAAA,GAAE,mDAAkD,QAAO,SAAQ,aAAY,KAAI;AAAA,EAAA;AAAA;"}

package/dist/features/ui/avatar/layers/mouth/variant-9.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-9.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-9.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant9: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M33.1074 54.3789H67.1074V71.3789V88.3789H33.1074V71.3789V54.3789Z\" fill=\"white\" />\n      <path\n        d=\"M33.1074 71.3789V88.3789H67.1074V71.3789M33.1074 71.3789V54.3789H67.1074V71.3789M33.1074 71.3789H67.1074\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant9;\n"],"names":["Variant9","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qEAAoE,MAAK,SAAQ;AAAA,MACzF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}
+{"version":3,"file":"variant-9.js","sources":["../../../../../../src/features/ui/avatar/layers/mouth/variant-9.tsx"],"sourcesContent":["import type { ICustomSVGProps } from '../../avatar-types';\n\nimport React from 'react';\n\nconst Variant9: React.FC<ICustomSVGProps> = ({ color, ...props }) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"100%\"\n      height=\"100%\"\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      {...props}\n    >\n      <path d=\"M33.1074 54.3789H67.1074V71.3789V88.3789H33.1074V71.3789V54.3789Z\" fill=\"white\" />\n      <path\n        d=\"M33.1074 71.3789V88.3789H67.1074V71.3789M33.1074 71.3789V54.3789H67.1074V71.3789M33.1074 71.3789H67.1074\"\n        stroke=\"black\"\n        strokeWidth=\"2\"\n      />\n    </svg>\n  );\n};\n\nexport default Variant9;\n"],"names":["Variant9","color","props","jsxs","jsx"],"mappings":";AAIA,MAAMA,IAAsC,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qEAAoE,MAAK,SAAQ;AAAA,MACzF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/features/ui/buttons/button/button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}px` : 'auto'};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}
+{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}px` : 'auto'};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}

package/dist/features/ui/buttons/button/button.js

@@ -1,55 +1,55 @@
-import { jsx as t, jsxs as R, Fragment as g } from "react/jsx-runtime";
-import { useCallback as j } from "react";
-import { useTheme as B } from "styled-components";
+import { jsx as t, jsxs as B, Fragment as R } from "react/jsx-runtime";
+import { useCallback as g } from "react";
+import { useTheme as j } from "styled-components";
 import { ILLUSTRATIONS as I } from "../../../../assets/illustrations/illustrations.js";
 import O from "../../hooks/use-click-handler.js";
 import { Button as S, Loader as T, Icon as b, Label as v } from "./button-styled.js";
-const N = ({
+const w = ({
   label: r,
   renderAs: o,
-  size: e = "regular",
-  shape: a = "curved",
-  disabled: s = !1,
-  busy: n = !1,
+  size: n = "regular",
+  shape: s = "curved",
+  disabled: a = !1,
+  busy: e = !1,
   width: c,
   widthX: d,
   Icon: i,
-  iconPosition: m = "left",
-  onClick: u,
-  alignSelf: f,
-  justifyContent: $ = "center",
+  iconPosition: u = "left",
+  onClick: m,
+  alignSelf: $,
+  justifyContent: f = "center",
   analyticsLabel: h,
   analyticsProps: p,
   children: C,
   ...L
 }) => {
-  const { button: k } = B(), { textVariant: x } = k.sizes[e], { handleClick: l } = O({ label: r, analyticsLabel: h, analyticsProps: p }, u), A = j(() => {
-    if (n) return null;
+  const { button: k } = j(), { textVariant: x } = k.sizes[n], { handleClick: l } = O({ label: r, analyticsLabel: h, analyticsProps: p }, m), A = g(() => {
+    if (e) return null;
     l();
-  }, [n, l]);
+  }, [e, l]);
   return /* @__PURE__ */ t(
     S,
     {
-      disabled: s,
-      $alignSelf: f,
-      $justifyContent: $,
+      disabled: a,
+      $alignSelf: $,
+      $justifyContent: f,
       $width: c,
       $widthX: d,
       $renderAs: o,
-      $size: e,
-      $shape: a,
+      $size: n,
+      $shape: s,
       onClick: A,
-      "data-busy": n,
+      "data-busy": e,
       ...L,
-      children: n ? /* @__PURE__ */ t(T, { src: I.LOADER, alt: "Loader", $size: e }) : /* @__PURE__ */ R(g, { children: [
-        i ? /* @__PURE__ */ t(b, { $buttonRenderAs: o, $iconPosition: m, $size: e, children: /* @__PURE__ */ t(i, {}) }) : void 0,
+      children: e ? /* @__PURE__ */ t(T, { src: I.LOADER, alt: "Loader", $size: n }) : /* @__PURE__ */ B(R, { children: [
+        i ? /* @__PURE__ */ t(b, { $buttonRenderAs: o, $iconPosition: u, $size: n, children: /* @__PURE__ */ t(i, {}) }) : void 0,
         /* @__PURE__ */ t(v, { $renderAs: x, $buttonRenderAs: o, children: r }),
         C
       ] })
     }
   );
-};
+}, P = w;
 export {
-  N as default
+  P as default
 };
 //# sourceMappingURL=button.js.map

package/dist/features/ui/buttons/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/features/ui/buttons/button/button.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport React, { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './button-styled';\n\nconst Button: React.FC<IButtonProps> = ({\n  label,\n  renderAs,\n  size = 'regular',\n  shape = 'curved',\n  disabled = false,\n  busy = false,\n  width,\n  widthX,\n  Icon,\n  iconPosition = 'left',\n  onClick,\n  alignSelf,\n  justifyContent = 'center',\n  analyticsLabel,\n  analyticsProps,\n  children,\n  ...rest\n}) => {\n  const { button } = useTheme();\n  const { textVariant } = button.sizes[size];\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const handleOnClick = useCallback(() => {\n    if (busy) return null;\n\n    handleClick();\n  }, [busy, handleClick]);\n\n  return (\n    <Styled.Button\n      disabled={disabled}\n      $alignSelf={alignSelf}\n      $justifyContent={justifyContent}\n      $width={width}\n      $widthX={widthX}\n      $renderAs={renderAs}\n      $size={size}\n      $shape={shape}\n      onClick={handleOnClick}\n      data-busy={busy}\n      {...rest}\n    >\n      {busy ? (\n        <Styled.Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size} />\n      ) : (\n        <>\n          {Icon ? (\n            <Styled.Icon $buttonRenderAs={renderAs} $iconPosition={iconPosition} $size={size}>\n              <Icon />\n            </Styled.Icon>\n          ) : undefined}\n\n          <Styled.Label $renderAs={textVariant} $buttonRenderAs={renderAs}>\n            {label}\n          </Styled.Label>\n\n          {children}\n        </>\n      )}\n    </Styled.Button>\n  );\n};\n\nexport default Button;\n"],"names":["Button","label","renderAs","size","shape","disabled","busy","width","widthX","Icon","iconPosition","onClick","alignSelf","justifyContent","analyticsLabel","analyticsProps","children","rest","button","useTheme","textVariant","handleClick","useClickHandler","handleOnClick","useCallback","jsx","Styled.Button","Styled.Loader","ILLUSTRATIONS","jsxs","Fragment","Styled.Icon","Styled.Label"],"mappings":";;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,QAAAC;AAAA,EAAA,MACAC;AAAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,QAAAC,EAAO,IAAIC,EAAS,GACtB,EAAE,aAAAC,EAAgB,IAAAF,EAAO,MAAMf,CAAI,GACnC,EAAE,aAAAkB,EAAgB,IAAAC,EAAgB,EAAE,OAAArB,GAAO,gBAAAa,GAAgB,gBAAAC,EAAe,GAAGJ,CAAO,GAEpFY,IAAgBC,EAAY,MAAM;AACtC,QAAIlB,EAAa,QAAA;AAEL,IAAAe,EAAA;AAAA,EAAA,GACX,CAACf,GAAMe,CAAW,CAAC;AAGpB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAArB;AAAA,MACA,YAAYO;AAAA,MACZ,iBAAiBC;AAAA,MACjB,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,WAAWN;AAAA,MACX,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,SAASmB;AAAA,MACT,aAAWjB;AAAA,MACV,GAAGW;AAAA,MAEH,UACCX,IAAA,gBAAAmB,EAACE,GAAA,EAAc,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOzB,EAAM,CAAA,IAGjE,gBAAA0B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAArB,IACE,gBAAAgB,EAAAM,GAAA,EAAY,iBAAiB7B,GAAU,eAAeQ,GAAc,OAAOP,GAC1E,UAAC,gBAAAsB,EAAAhB,GAAA,CAAK,CAAA,EACR,CAAA,IACE;AAAA,QAEJ,gBAAAgB,EAACO,GAAA,EAAa,WAAWZ,GAAa,iBAAiBlB,GACpD,UACHD,GAAA;AAAA,QAECe;AAAA,MAAA,EACH,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/features/ui/buttons/button/button.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport React, { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './button-styled';\n\nconst Button: React.FC<IButtonProps> = ({\n  label,\n  renderAs,\n  size = 'regular',\n  shape = 'curved',\n  disabled = false,\n  busy = false,\n  width,\n  widthX,\n  Icon,\n  iconPosition = 'left',\n  onClick,\n  alignSelf,\n  justifyContent = 'center',\n  analyticsLabel,\n  analyticsProps,\n  children,\n  ...rest\n}) => {\n  const { button } = useTheme();\n  const { textVariant } = button.sizes[size];\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  const handleOnClick = useCallback(() => {\n    if (busy) return null;\n\n    handleClick();\n  }, [busy, handleClick]);\n\n  return (\n    <Styled.Button\n      disabled={disabled}\n      $alignSelf={alignSelf}\n      $justifyContent={justifyContent}\n      $width={width}\n      $widthX={widthX}\n      $renderAs={renderAs}\n      $size={size}\n      $shape={shape}\n      onClick={handleOnClick}\n      data-busy={busy}\n      {...rest}\n    >\n      {busy ? (\n        <Styled.Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size} />\n      ) : (\n        <>\n          {Icon ? (\n            <Styled.Icon $buttonRenderAs={renderAs} $iconPosition={iconPosition} $size={size}>\n              <Icon />\n            </Styled.Icon>\n          ) : undefined}\n\n          <Styled.Label $renderAs={textVariant} $buttonRenderAs={renderAs}>\n            {label}\n          </Styled.Label>\n\n          {children}\n        </>\n      )}\n    </Styled.Button>\n  );\n};\n\nexport default Button;\n"],"names":["Button","label","renderAs","size","shape","disabled","busy","width","widthX","Icon","iconPosition","onClick","alignSelf","justifyContent","analyticsLabel","analyticsProps","children","rest","button","useTheme","textVariant","handleClick","useClickHandler","handleOnClick","useCallback","jsx","Styled.Button","Styled.Loader","ILLUSTRATIONS","jsxs","Fragment","Styled.Icon","Styled.Label","Button$1"],"mappings":";;;;;;AASA,MAAMA,IAAiC,CAAC;AAAA,EACtC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,QAAAC;AAAA,EAAA,MACAC;AAAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACb,EAAE,aAAAC,EAAgB,IAAAF,EAAO,MAAMf,CAAI,GACnC,EAAE,aAAAkB,EAAgB,IAAAC,EAAgB,EAAE,OAAArB,GAAO,gBAAAa,GAAgB,gBAAAC,KAAkBJ,CAAO,GAEpFY,IAAgBC,EAAY,MAAM;AACtC,QAAIlB,EAAa,QAAA;AAEL,IAAAe;EAAA,GACX,CAACf,GAAMe,CAAW,CAAC;AAGpB,SAAA,gBAAAI;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAArB;AAAA,MACA,YAAYO;AAAA,MACZ,iBAAiBC;AAAA,MACjB,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,WAAWN;AAAA,MACX,OAAOC;AAAA,MACP,QAAQC;AAAA,MACR,SAASmB;AAAA,MACT,aAAWjB;AAAA,MACV,GAAGW;AAAA,MAEH,UACCX,IAAA,gBAAAmB,EAACE,GAAA,EAAc,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOzB,EAAM,CAAA,IAGjE,gBAAA0B,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAArB,IACE,gBAAAgB,EAAAM,GAAA,EAAY,iBAAiB7B,GAAU,eAAeQ,GAAc,OAAOP,GAC1E,UAAC,gBAAAsB,EAAAhB,GAAA,CAAA,CAAK,GACR,IACE;AAAA,QAEJ,gBAAAgB,EAACO,GAAA,EAAa,WAAWZ,GAAa,iBAAiBlB,GACpD,UACHD,GAAA;AAAA,QAECe;AAAA,MAAA,GACH;AAAA,IAAA;AAAA,EAAA;AAIR,GAEAiB,IAAejC;"}

package/dist/features/ui/buttons/clickable/clickable.js

@@ -1,26 +1,26 @@
 import { jsx as s } from "react/jsx-runtime";
 import c from "../../hooks/use-click-handler.js";
-import { ClickableWrapper as p } from "./clickable-styled.js";
-const n = ({
+import { ClickableWrapper as n } from "./clickable-styled.js";
+const p = ({
   disabled: e = !1,
   onClick: r,
-  children: a,
-  label: l,
+  children: l,
+  label: a,
   analyticsLabel: o,
   analyticsProps: i
 }) => {
-  const { handleClick: t } = c({ label: l, analyticsLabel: o, analyticsProps: i }, r);
+  const { handleClick: t } = c({ label: a, analyticsLabel: o, analyticsProps: i }, r);
   return /* @__PURE__ */ s(
-    p,
+    n,
     {
       "aria-disabled": e ? "true" : "false",
       $cursor: r ? "pointer" : void 0,
       onClick: t,
-      children: a
+      children: l
     }
   );
-};
+}, k = p;
 export {
-  n as default
+  k as default
 };
 //# sourceMappingURL=clickable.js.map

package/dist/features/ui/buttons/clickable/clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickable.js","sources":["../../../../../src/features/ui/buttons/clickable/clickable.tsx"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../../types';\n\nimport React from 'react';\n\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './clickable-styled';\n\nexport interface IClickableProps extends IClickableAnalyticsProps {\n  label: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nconst Clickable: React.FC<IClickableProps> = ({\n  disabled = false,\n  onClick,\n  children,\n  label,\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.ClickableWrapper\n      aria-disabled={disabled ? 'true' : 'false'}\n      $cursor={onClick ? 'pointer' : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </Styled.ClickableWrapper>\n  );\n};\n\nexport default Clickable;\n"],"names":["Clickable","disabled","onClick","children","label","analyticsLabel","analyticsProps","handleClick","useClickHandler","jsx","Styled.ClickableWrapper"],"mappings":";;;AAcA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAJ,GAAO,gBAAAC,GAAgB,gBAAAC,EAAe,GAAGJ,CAAO;AAGxF,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,iBAAeT,IAAW,SAAS;AAAA,MACnC,SAASC,IAAU,YAAY;AAAA,MAC/B,SAASK;AAAA,MAER,UAAAJ;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"clickable.js","sources":["../../../../../src/features/ui/buttons/clickable/clickable.tsx"],"sourcesContent":["import type { IClickableAnalyticsProps } from '../../types';\n\nimport React from 'react';\n\nimport useClickHandler from '../../hooks/use-click-handler';\nimport * as Styled from './clickable-styled';\n\nexport interface IClickableProps extends IClickableAnalyticsProps {\n  label: string;\n  disabled?: boolean;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nconst Clickable: React.FC<IClickableProps> = ({\n  disabled = false,\n  onClick,\n  children,\n  label,\n  analyticsLabel,\n  analyticsProps,\n}) => {\n  const { handleClick } = useClickHandler({ label, analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.ClickableWrapper\n      aria-disabled={disabled ? 'true' : 'false'}\n      $cursor={onClick ? 'pointer' : undefined}\n      onClick={handleClick}\n    >\n      {children}\n    </Styled.ClickableWrapper>\n  );\n};\n\nexport default Clickable;\n"],"names":["Clickable","disabled","onClick","children","label","analyticsLabel","analyticsProps","handleClick","useClickHandler","jsx","Styled.ClickableWrapper","Clickable$1"],"mappings":";;;AAcA,MAAMA,IAAuC,CAAC;AAAA,EAC5C,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAM;AACE,QAAA,EAAE,aAAAC,EAAgB,IAAAC,EAAgB,EAAE,OAAAJ,GAAO,gBAAAC,GAAgB,gBAAAC,KAAkBJ,CAAO;AAGxF,SAAA,gBAAAO;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,iBAAeT,IAAW,SAAS;AAAA,MACnC,SAASC,IAAU,YAAY;AAAA,MAC/B,SAASK;AAAA,MAER,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP,GAEAQ,IAAeX;"}

package/dist/features/ui/buttons/icon-button/icon-button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button-styled.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button-styled.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport styled from 'styled-components';\n\ninterface IIconButtonWrapperProps {\n  $buttonRenderAs: IIconButtonProps['renderAs'];\n  $size?: IIconButtonProps['size'];\n  $customBgColor?: IIconButtonProps['customBgColor'];\n}\n\nconst IconButtonWrapper = styled.button<IIconButtonWrapperProps>(\n  ({ theme, $size, $buttonRenderAs, $customBgColor }) => {\n    const { colors, button } = theme;\n    const { height, borderWidth } = button.sizes[$size || 'small'];\n    const { backgroundColorName, borderColorName } = button.variants[$buttonRenderAs];\n\n    return `\n    width: ${height}px;\n    height: ${height}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 6px;\n\n    background-color: ${\n      $customBgColor ? colors[$customBgColor] : colors[backgroundColorName.inactive]\n    };\n    border-color: ${colors[borderColorName.inactive]};\n    border-width: ${borderWidth}px;\n    border-style: solid;\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: ${colors[backgroundColorName.active]};\n      border-color: ${colors[borderColorName.active]};\n    }\n\n    &:active  {\n      background: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n    }\n\n    &:disabled {\n      background-color: ${colors[backgroundColorName.disabled]};\n      border-color: ${colors[borderColorName.disabled]};\n      cursor: not-allowed;\n    }\n  `;\n  },\n);\n\nconst IconWrapper = styled.div<IIconButtonWrapperProps>(({ theme, $size, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { iconSize } = button.sizes[$size || 'small'];\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n    & svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-out;\n\n        ${IconButtonWrapper}:hover & {\n            color: ${colors[colorName.active]};\n        }\n\n        ${IconButtonWrapper}:active & {\n            color: ${colors[colorName.inactive]};\n        }\n\n        ${IconButtonWrapper}:disabled & {\n            color: ${colors[colorName.disabled]};\n            opacity: 0.5;\n        }\n    }\n  `;\n});\n\nexport { IconButtonWrapper, IconWrapper };\n"],"names":["IconButtonWrapper","styled","theme","$size","$buttonRenderAs","$customBgColor","colors","button","height","borderWidth","backgroundColorName","borderColorName","IconWrapper","iconSize","colorName"],"mappings":";AAUA,MAAMA,IAAoBC,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,GAAiB,gBAAAC,QAAqB;AAC/C,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWL,GACrB,EAAE,QAAAM,GAAQ,aAAAC,MAAgBF,EAAO,MAAMJ,KAAS,OAAO,GACvD,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAe;AAEzE,WAAA;AAAA,aACEI,CAAM;AAAA,cACLA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASdH,IAAiBC,EAAOD,CAAc,IAAIC,EAAOI,EAAoB,QAAQ,CAC/E;AAAA,oBACgBJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA,oBAChCF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKLH,EAAOI,EAAoB,MAAM,CAAC;AAAA,sBACtCJ,EAAOK,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIhCL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBAClCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,0BAI5BL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBACxCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAAA;AAKtD,GAEMC,IAAcX,EAAO,IAA6B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,QAAsB;AACvF,QAAA,EAAE,QAAAG,GAAQ,QAAAD,EAAA,IAAWJ,GACrB,EAAE,UAAAW,EAAS,IAAIN,EAAO,MAAMJ,KAAS,OAAO,GAC5C,EAAE,WAAAW,EAAc,IAAAP,EAAO,SAASH,CAAe;AAE9C,SAAA;AAAA;AAAA,iBAEQS,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTP,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGnCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGrCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK/C,CAAC;"}
+{"version":3,"file":"icon-button-styled.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button-styled.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport styled from 'styled-components';\n\ninterface IIconButtonWrapperProps {\n  $buttonRenderAs: IIconButtonProps['renderAs'];\n  $size?: IIconButtonProps['size'];\n  $customBgColor?: IIconButtonProps['customBgColor'];\n}\n\nconst IconButtonWrapper = styled.button<IIconButtonWrapperProps>(\n  ({ theme, $size, $buttonRenderAs, $customBgColor }) => {\n    const { colors, button } = theme;\n    const { height, borderWidth } = button.sizes[$size || 'small'];\n    const { backgroundColorName, borderColorName } = button.variants[$buttonRenderAs];\n\n    return `\n    width: ${height}px;\n    height: ${height}px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    padding: 6px;\n\n    background-color: ${\n      $customBgColor ? colors[$customBgColor] : colors[backgroundColorName.inactive]\n    };\n    border-color: ${colors[borderColorName.inactive]};\n    border-width: ${borderWidth}px;\n    border-style: solid;\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n\n    &:hover {\n      background-color: ${colors[backgroundColorName.active]};\n      border-color: ${colors[borderColorName.active]};\n    }\n\n    &:active  {\n      background: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n    }\n\n    &:disabled {\n      background-color: ${colors[backgroundColorName.disabled]};\n      border-color: ${colors[borderColorName.disabled]};\n      cursor: not-allowed;\n    }\n  `;\n  },\n);\n\nconst IconWrapper = styled.div<IIconButtonWrapperProps>(({ theme, $size, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { iconSize } = button.sizes[$size || 'small'];\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n    & svg {\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-out;\n\n        ${IconButtonWrapper}:hover & {\n            color: ${colors[colorName.active]};\n        }\n\n        ${IconButtonWrapper}:active & {\n            color: ${colors[colorName.inactive]};\n        }\n\n        ${IconButtonWrapper}:disabled & {\n            color: ${colors[colorName.disabled]};\n            opacity: 0.5;\n        }\n    }\n  `;\n});\n\nexport { IconButtonWrapper, IconWrapper };\n"],"names":["IconButtonWrapper","styled","theme","$size","$buttonRenderAs","$customBgColor","colors","button","height","borderWidth","backgroundColorName","borderColorName","IconWrapper","iconSize","colorName"],"mappings":";AAUA,MAAMA,IAAoBC,EAAO;AAAA,EAC/B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,GAAiB,gBAAAC,QAAqB;AAC/C,UAAA,EAAE,QAAAC,GAAQ,QAAAC,EAAW,IAAAL,GACrB,EAAE,QAAAM,GAAQ,aAAAC,MAAgBF,EAAO,MAAMJ,KAAS,OAAO,GACvD,EAAE,qBAAAO,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAe;AAEzE,WAAA;AAAA,aACEI,CAAM;AAAA,cACLA,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASdH,IAAiBC,EAAOD,CAAc,IAAIC,EAAOI,EAAoB,QAAQ,CAC/E;AAAA,oBACgBJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA,oBAChCF,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKLH,EAAOI,EAAoB,MAAM,CAAC;AAAA,sBACtCJ,EAAOK,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,oBAIhCL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBAClCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,0BAI5BL,EAAOI,EAAoB,QAAQ,CAAC;AAAA,sBACxCJ,EAAOK,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAIpD;AACF,GAEMC,IAAcX,EAAO,IAA6B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,iBAAAC,QAAsB;AACvF,QAAA,EAAE,QAAAG,GAAQ,QAAAD,EAAW,IAAAJ,GACrB,EAAE,UAAAW,EAAS,IAAIN,EAAO,MAAMJ,KAAS,OAAO,GAC5C,EAAE,WAAAW,EAAc,IAAAP,EAAO,SAASH,CAAe;AAE9C,SAAA;AAAA;AAAA,iBAEQS,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTP,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGnCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGrCd,CAAiB;AAAA,qBACNM,EAAOQ,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK/C,CAAC;"}

package/dist/features/ui/buttons/icon-button/icon-button.js

@@ -2,33 +2,33 @@ import { jsx as o } from "react/jsx-runtime";
 import { memo as p } from "react";
 import { ILLUSTRATIONS as u } from "../../../../assets/illustrations/illustrations.js";
 import f from "../../hooks/use-click-handler.js";
-import { Loader as C } from "../button/button-styled.js";
-import { IconButtonWrapper as I, IconWrapper as L } from "./icon-button-styled.js";
-const R = p((t) => {
+import { Loader as I } from "../button/button-styled.js";
+import { IconButtonWrapper as $, IconWrapper as C } from "./icon-button-styled.js";
+const L = p((n) => {
   const {
-    Icon: n,
+    Icon: e,
     size: r,
     onClick: s,
-    renderAs: e,
-    disabled: i,
-    analyticsLabel: c,
+    renderAs: t,
+    disabled: c,
+    analyticsLabel: i,
     analyticsProps: l,
     customBgColor: m,
     busy: a
-  } = t, { handleClick: d } = f({ analyticsLabel: c, analyticsProps: l }, s);
+  } = n, { handleClick: d } = f({ analyticsLabel: i, analyticsProps: l }, s);
   return /* @__PURE__ */ o(
-    I,
+    $,
     {
-      disabled: i,
+      disabled: c,
       $size: r,
-      $buttonRenderAs: e,
+      $buttonRenderAs: t,
       onClick: d,
       $customBgColor: m,
-      children: a ? /* @__PURE__ */ o(C, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(L, { $size: r, $buttonRenderAs: e, children: /* @__PURE__ */ o(n, {}) })
+      children: a ? /* @__PURE__ */ o(I, { src: u.LOADER, alt: "Loader", $size: r || "small" }) : /* @__PURE__ */ o(C, { $size: r, $buttonRenderAs: t, children: /* @__PURE__ */ o(e, {}) })
     }
   );
-});
+}), h = L;
 export {
-  R as default
+  h as default
 };
 //# sourceMappingURL=icon-button.js.map

package/dist/features/ui/buttons/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={size} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper"],"mappings":";;;;;;AASM,MAAAA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACET,GACE,EAAE,aAAAU,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,KAAkBJ,CAAO;AAGjF,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAR;AAAA,MACA,OAAOH;AAAA,MACP,iBAAiBE;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEK,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOb,KAAQ,SAAS,IAEvE,gBAAAU,EAAAI,GAAA,EAAmB,OAAOd,GAAM,iBAAiBE,GAChD,UAAC,gBAAAQ,EAAAX,GAAA,CAAK,CAAA,EACR,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/features/ui/buttons/icon-button/icon-button.tsx"],"sourcesContent":["import type { IIconButtonProps } from './icon-button-types';\n\nimport { memo, type FC } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport useClickHandler from '../../hooks/use-click-handler';\nimport { Loader } from '../button/button-styled';\nimport * as Styled from './icon-button-styled';\n\nconst IconButton: FC<IIconButtonProps> = memo(props => {\n  const {\n    Icon,\n    size,\n    onClick,\n    renderAs,\n    disabled,\n    analyticsLabel,\n    analyticsProps,\n    customBgColor,\n    busy,\n  } = props;\n  const { handleClick } = useClickHandler({ analyticsLabel, analyticsProps }, onClick);\n\n  return (\n    <Styled.IconButtonWrapper\n      disabled={disabled}\n      $size={size}\n      $buttonRenderAs={renderAs}\n      onClick={handleClick}\n      $customBgColor={customBgColor}\n    >\n      {busy ? (\n        <Loader src={ILLUSTRATIONS.LOADER} alt=\"Loader\" $size={size || 'small'} />\n      ) : (\n        <Styled.IconWrapper $size={size} $buttonRenderAs={renderAs}>\n          <Icon />\n        </Styled.IconWrapper>\n      )}\n    </Styled.IconButtonWrapper>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","memo","props","Icon","size","onClick","renderAs","disabled","analyticsLabel","analyticsProps","customBgColor","busy","handleClick","useClickHandler","jsx","Styled.IconButtonWrapper","Loader","ILLUSTRATIONS","Styled.IconWrapper","IconButton$1"],"mappings":";;;;;;AASA,MAAMA,IAAmCC,EAAK,CAASC,MAAA;AAC/C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAT,GACE,EAAE,aAAAU,MAAgBC,EAAgB,EAAE,gBAAAL,GAAgB,gBAAAC,EAAA,GAAkBJ,CAAO;AAGjF,SAAA,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,UAAAR;AAAA,MACA,OAAOH;AAAA,MACP,iBAAiBE;AAAA,MACjB,SAASM;AAAA,MACT,gBAAgBF;AAAA,MAEf,UAAAC,sBACEK,GAAO,EAAA,KAAKC,EAAc,QAAQ,KAAI,UAAS,OAAOb,KAAQ,SAAS,IAEvE,gBAAAU,EAAAI,GAAA,EAAmB,OAAOd,GAAM,iBAAiBE,GAChD,UAAC,gBAAAQ,EAAAX,GAAA,CAAA,CAAK,EACR,CAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC,GAEDgB,IAAenB;"}

package/dist/features/ui/buttons/text-button/text-button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button-styled.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button-styled.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport styled from 'styled-components';\n\nimport UIText from '../../text/text';\nimport { ClickableWrapper } from '../clickable/clickable-styled';\n\ninterface IStyledTextProps {\n  $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nconst Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n  const { textButton } = theme;\n  const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n  return `\n    text-decoration: underline;\n    text-decoration-thickness: ${underlineHeight}px;\n    text-underline-offset: ${underlineOffset}px;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active  {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n    }\n\n    ${ClickableWrapper}[aria-disabled='true'] & {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n      opacity: 0.5;\n    }\n  `;\n});\n\nexport { Text };\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWM,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkB;AAClE,QAAA,EAAE,YAAAC,MAAeF,GACjB,EAAE,iBAAAG,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMD,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBE,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAQTD,CAAe;AAAA;AAAA;AAAA,MAG5CE,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}
+{"version":3,"file":"text-button-styled.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button-styled.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport styled from 'styled-components';\n\nimport UIText from '../../text/text';\nimport { ClickableWrapper } from '../clickable/clickable-styled';\n\ninterface IStyledTextProps {\n  $buttonSize: NonNullable<ITextButtonProps['size']>;\n}\n\nconst Text = styled(UIText)<IStyledTextProps>(({ theme, $buttonSize }) => {\n  const { textButton } = theme;\n  const { underlineHeight, underlineOffset } = textButton.sizes[$buttonSize];\n\n  return `\n    text-decoration: underline;\n    text-decoration-thickness: ${underlineHeight}px;\n    text-underline-offset: ${underlineOffset}px;\n\n    &:hover {\n      text-decoration: none;\n    }\n\n    &:active  {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n    }\n\n    ${ClickableWrapper}[aria-disabled='true'] & {\n      text-decoration: underline;\n      text-decoration-thickness: ${underlineHeight}px;\n      opacity: 0.5;\n    }\n  `;\n});\n\nexport { Text };\n"],"names":["Text","styled","UIText","theme","$buttonSize","textButton","underlineHeight","underlineOffset","ClickableWrapper"],"mappings":";;;AAWM,MAAAA,IAAOC,EAAOC,CAAM,EAAoB,CAAC,EAAE,OAAAC,GAAO,aAAAC,QAAkB;AAClE,QAAA,EAAE,YAAAC,EAAe,IAAAF,GACjB,EAAE,iBAAAG,GAAiB,iBAAAC,EAAA,IAAoBF,EAAW,MAAMD,CAAW;AAElE,SAAA;AAAA;AAAA,iCAEwBE,CAAe;AAAA,6BACnBC,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAQTD,CAAe;AAAA;AAAA;AAAA,MAG5CE,CAAgB;AAAA;AAAA,mCAEaF,CAAe;AAAA;AAAA;AAAA;AAIlD,CAAC;"}

package/dist/features/ui/buttons/text-button/text-button.js

@@ -1,30 +1,30 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useTheme as a } from "styled-components";
-import f from "../clickable/clickable.js";
-import { Text as l } from "./text-button-styled.js";
-const T = ({
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as x } from "styled-components";
+import a from "../clickable/clickable.js";
+import { Text as f } from "./text-button-styled.js";
+const l = ({
   label: t,
-  size: r = "regular",
-  disabled: o = !1,
+  size: o = "regular",
+  disabled: e = !1,
   onClick: n,
-  analyticsLabel: i,
-  analyticsProps: m,
-  color: s
+  analyticsLabel: s,
+  analyticsProps: i,
+  color: m
 }) => {
-  const { textButton: c } = a(), { textVariant: u } = c.sizes[r];
-  return /* @__PURE__ */ e(
-    f,
+  const { textButton: c } = x(), { textVariant: u } = c.sizes[o];
+  return /* @__PURE__ */ r(
+    a,
     {
       label: t,
-      disabled: o,
+      disabled: e,
       onClick: n,
-      analyticsLabel: i,
-      analyticsProps: m,
-      children: /* @__PURE__ */ e(l, { $color: s, $renderAs: u, $buttonSize: r, children: t })
+      analyticsLabel: s,
+      analyticsProps: i,
+      children: /* @__PURE__ */ r(f, { $color: m, $renderAs: u, $buttonSize: o, children: t })
     }
   );
-};
+}, h = l;
 export {
-  T as default
+  h as default
 };
 //# sourceMappingURL=text-button.js.map

package/dist/features/ui/buttons/text-button/text-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,EAAW,IAAIC,EAAS,GAC1B,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"text-button.js","sources":["../../../../../src/features/ui/buttons/text-button/text-button.tsx"],"sourcesContent":["import type { ITextButtonProps } from './text-button-types';\n\nimport React from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Clickable from '../clickable/clickable';\nimport * as Styled from './text-button-styled';\n\nconst TextButton: React.FC<ITextButtonProps> = ({\n  label,\n  size = 'regular',\n  disabled = false,\n  onClick,\n  analyticsLabel,\n  analyticsProps,\n  color,\n}) => {\n  const { textButton } = useTheme();\n  const { textVariant } = textButton.sizes[size];\n\n  return (\n    <Clickable\n      label={label}\n      disabled={disabled}\n      onClick={onClick}\n      analyticsLabel={analyticsLabel}\n      analyticsProps={analyticsProps}\n    >\n      <Styled.Text $color={color} $renderAs={textVariant} $buttonSize={size}>\n        {label}\n      </Styled.Text>\n    </Clickable>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","label","size","disabled","onClick","analyticsLabel","analyticsProps","color","textButton","useTheme","textVariant","jsx","Clickable","Styled.Text","TextButton$1"],"mappings":";;;;AAQA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,YAAAC,MAAeC,KACjB,EAAE,aAAAC,EAAgB,IAAAF,EAAW,MAAMN,CAAI;AAG3C,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAE;AAAA,MACA,SAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,MAEA,UAAA,gBAAAK,EAACE,GAAA,EAAY,QAAQN,GAAO,WAAWG,GAAa,aAAaR,GAC9D,UACHD,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAa,IAAed;"}

package/dist/features/ui/callout/callout.js

@@ -1,25 +1,25 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useMemo as $ } from "react";
-import i from "../layout/flex-view.js";
-import u from "../text/text.js";
-const a = (o) => ({ backgroundColor: `${o}_1`, borderColor: `${o}_4` }), C = ({ children: o, hue: r, marginBottomX: e, width: d, widthX: m }) => {
-  const { backgroundColor: l, borderColor: n } = $(() => a(r), [r]);
+import u from "../layout/flex-view.js";
+import a from "../text/text.js";
+const i = (o) => ({ backgroundColor: `${o}_1`, borderColor: `${o}_4` }), s = ({ children: o, hue: r, marginBottomX: e, width: d, widthX: l }) => {
+  const { backgroundColor: m, borderColor: n } = $(() => i(r), [r]);
   return /* @__PURE__ */ t(
-    i,
+    u,
     {
       $width: d,
-      $widthX: m,
-      $background: l,
+      $widthX: l,
+      $background: m,
       $borderColor: n,
       $gutterX: 0.5,
       $gapX: 0.5,
       $borderRadiusX: 0.25,
       $marginBottomX: e,
-      children: /* @__PURE__ */ t(u, { $renderAs: "body2", children: o })
+      children: /* @__PURE__ */ t(a, { $renderAs: "body2", children: o })
     }
   );
-};
+}, g = s;
 export {
-  C as default
+  g as default
 };
 //# sourceMappingURL=callout.js.map

package/dist/features/ui/callout/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../../src/features/ui/callout/callout.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../types';\nimport type { ICalloutProps } from './callout-types';\n\nimport { useMemo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_1`, borderColor: `${hue}_4` };\n};\n\nconst Callout: React.FC<ICalloutProps> = ({ children, hue, marginBottomX, width, widthX }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <FlexView\n      $width={width}\n      $widthX={widthX}\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      $gutterX={0.5}\n      $gapX={0.5}\n      $borderRadiusX={0.25}\n      $marginBottomX={marginBottomX}\n    >\n      <Text $renderAs=\"body2\">{children}</Text>\n    </FlexView>\n  );\n};\n\nexport default Callout;\n"],"names":["computeColorsFromHue","hue","Callout","children","marginBottomX","width","widthX","backgroundColor","borderColor","useMemo","jsx","FlexView","Text"],"mappings":";;;;AAQA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,KAAK,IAG1DC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,GAAK,eAAAG,GAAe,OAAAC,GAAO,QAAAC,QAAa;AACtF,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMT,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,aAAaC;AAAA,MACb,cAAcC;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgBJ;AAAA,MAEhB,UAAC,gBAAAM,EAAAE,GAAA,EAAK,WAAU,SAAS,UAAAT,EAAS,CAAA;AAAA,IAAA;AAAA,EACpC;AAEJ;"}
+{"version":3,"file":"callout.js","sources":["../../../../src/features/ui/callout/callout.tsx"],"sourcesContent":["import type { TColorNames, THueNames } from '../types';\nimport type { ICalloutProps } from './callout-types';\n\nimport { useMemo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Text from '../text/text';\n\nconst computeColorsFromHue = (\n  hue: THueNames,\n): { backgroundColor: TColorNames; borderColor: TColorNames } => {\n  return { backgroundColor: `${hue}_1`, borderColor: `${hue}_4` };\n};\n\nconst Callout: React.FC<ICalloutProps> = ({ children, hue, marginBottomX, width, widthX }) => {\n  const { backgroundColor, borderColor } = useMemo(() => computeColorsFromHue(hue), [hue]);\n\n  return (\n    <FlexView\n      $width={width}\n      $widthX={widthX}\n      $background={backgroundColor}\n      $borderColor={borderColor}\n      $gutterX={0.5}\n      $gapX={0.5}\n      $borderRadiusX={0.25}\n      $marginBottomX={marginBottomX}\n    >\n      <Text $renderAs=\"body2\">{children}</Text>\n    </FlexView>\n  );\n};\n\nexport default Callout;\n"],"names":["computeColorsFromHue","hue","Callout","children","marginBottomX","width","widthX","backgroundColor","borderColor","useMemo","jsx","FlexView","Text","Callout$1"],"mappings":";;;;AAQA,MAAMA,IAAuB,CAC3BC,OAEO,EAAE,iBAAiB,GAAGA,CAAG,MAAM,aAAa,GAAGA,CAAG,SAGrDC,IAAmC,CAAC,EAAE,UAAAC,GAAU,KAAAF,GAAK,eAAAG,GAAe,OAAAC,GAAO,QAAAC,QAAa;AACtF,QAAA,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAQ,MAAMT,EAAqBC,CAAG,GAAG,CAACA,CAAG,CAAC;AAGrF,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQN;AAAA,MACR,SAASC;AAAA,MACT,aAAaC;AAAA,MACb,cAAcC;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,MACP,gBAAgB;AAAA,MAChB,gBAAgBJ;AAAA,MAEhB,UAAC,gBAAAM,EAAAE,GAAA,EAAK,WAAU,SAAS,UAAAT,GAAS;AAAA,IAAA;AAAA,EAAA;AAGxC,GAEAU,IAAeX;"}

package/dist/features/ui/constants/z-index.js

@@ -9,6 +9,8 @@ const _ = {
   //* SAT_SUMMARY_SCORE > MODAL
   CANVAS_SCRIBBLING: 26,
   //* CANVAS_SCRIBBLING > Learnosity
+  TILE_CONTAINER: 30,
+  //whiteboard
   QUESTION_TIPS: -1,
   DESMOS_CALCULATOR: 2,
   GOAL_CHAPTER_SHEETS_MENU: 4

package/dist/features/ui/constants/z-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 1,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}
+{"version":3,"file":"z-index.js","sources":["../../../../src/features/ui/constants/z-index.ts"],"sourcesContent":["const ZINDEX = {\n  CHAPTER_CROWN_ICON: 4,\n  CHAPTER_PLUS_ICON: 2,\n  CHAPTER_PROGRESS_SVG: 1,\n  LPAR_SHEET_ITEM_BOTTOM_DASH_BOX: 1,\n  LPAR_SHEET_ITEM_TOP_VERTICAL_ICON: 2,\n  MODAL: 20,\n  SAT_SUMMARY_SCORE: 25, //* SAT_SUMMARY_SCORE > MODAL\n  CANVAS_SCRIBBLING: 26, //* CANVAS_SCRIBBLING > Learnosity\n  TILE_CONTAINER: 30, //whiteboard\n  QUESTION_TIPS: -1,\n  DESMOS_CALCULATOR: 2,\n  GOAL_CHAPTER_SHEETS_MENU: 4,\n} as const;\n\nexport { ZINDEX };\n"],"names":["ZINDEX"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,iCAAiC;AAAA,EACjC,mCAAmC;AAAA,EACnC,OAAO;AAAA,EACP,mBAAmB;AAAA;AAAA,EACnB,mBAAmB;AAAA;AAAA,EACnB,gBAAgB;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,0BAA0B;AAC5B;"}

package/dist/features/ui/context/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/features/ui/context/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype TTrackCTA = (params: {\n  label?: string;\n  analyticsLabel?: string; // if passed this will be used as an eventName\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackInput = (params: {\n  label: string;\n  value: string | boolean | number;\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackEvent = (\n  eventType: string,\n  props: Record<string, unknown>,\n  overrides?: Record<string, unknown>,\n) => void;\n\nexport interface UIContextProps {\n  onClick: TTrackCTA;\n  onResponse: TTrackInput;\n  onEvent: TTrackEvent;\n}\n\nconst UIContext = createContext<UIContextProps>({\n  onClick: () => {},\n  onResponse: () => {},\n  onEvent: () => {},\n});\n\nconst useUIContext = () => useContext(UIContext);\n\nexport { type TTrackInput, type TTrackEvent, type TTrackCTA, UIContext as default, useUIContext };\n"],"names":["UIContext","createContext","useUIContext","useContext"],"mappings":";AA4BA,MAAMA,IAAYC,EAA8B;AAAA,EAC9C,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,SAAS,MAAM;AAAA,EAAA;AACjB,CAAC,GAEKC,IAAe,MAAMC,EAAWH,CAAS;"}
+{"version":3,"file":"context.js","sources":["../../../../src/features/ui/context/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ntype TTrackCTA = (params: {\n  label?: string;\n  analyticsLabel?: string; // if passed this will be used as an eventName\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackInput = (params: {\n  label: string;\n  value: string | boolean | number;\n  props?: Record<string, unknown>;\n  overrides?: Record<string, unknown>;\n}) => void;\n\ntype TTrackEvent = (\n  eventType: string,\n  props: Record<string, unknown>,\n  overrides?: Record<string, unknown>,\n) => void;\n\nexport interface UIContextProps {\n  onClick: TTrackCTA;\n  onResponse: TTrackInput;\n  onEvent: TTrackEvent;\n}\n\nconst UIContext = createContext<UIContextProps>({\n  onClick: () => {},\n  onResponse: () => {},\n  onEvent: () => {},\n});\n\nconst useUIContext = () => useContext(UIContext);\n\nexport { type TTrackInput, type TTrackEvent, type TTrackCTA, UIContext as default, useUIContext };\n"],"names":["UIContext","createContext","useUIContext","useContext"],"mappings":";AA4BA,MAAMA,IAAYC,EAA8B;AAAA,EAC9C,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC,GAEKC,IAAe,MAAMC,EAAWH,CAAS;"}

package/dist/features/ui/context/use-tracking-context.js

@@ -1,6 +1,6 @@
 import { useMemo as k } from "react";
 import { useUIContext as u } from "./context.js";
-const V = (o, e = {}) => {
+const p = (o, e = {}) => {
   const { onClick: c, onResponse: s, onEvent: a } = u();
   return k(() => ({ onClick: ({ label: t, analyticsLabel: n, props: r }) => {
     c == null || c({
@@ -19,7 +19,7 @@ const V = (o, e = {}) => {
   }, onEvent: (t, n) => {
     a == null || a(t, { ...o, ...n }, e);
   } }), [o, c, a, s, e]);
-};
+}, V = p;
 export {
   V as default
 };

package/dist/features/ui/context/use-tracking-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tracking-context.js","sources":["../../../../src/features/ui/context/use-tracking-context.ts"],"sourcesContent":["import type { TTrackCTA, TTrackEvent, TTrackInput } from '../context/context';\n\nimport { useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst useTrackingContext = (\n  commonAnalyticsProps: Record<string, unknown>,\n  overrides: Record<string, unknown> = {},\n) => {\n  const { onClick: handleClick, onResponse: handleResponse, onEvent: handleEvent } = useUIContext();\n\n  const analyticsValue = useMemo(() => {\n    const trackCTA: TTrackCTA = ({ label, analyticsLabel, props }) => {\n      handleClick?.({\n        label,\n        analyticsLabel,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackResponse: TTrackInput = ({ label, value, props }) => {\n      handleResponse?.({\n        label,\n        value,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackEvent: TTrackEvent = (label, props) => {\n      handleEvent?.(label, { ...commonAnalyticsProps, ...props }, overrides);\n    };\n\n    const context = { onClick: trackCTA, onResponse: trackResponse, onEvent: trackEvent };\n\n    return context;\n  }, [commonAnalyticsProps, handleClick, handleEvent, handleResponse, overrides]);\n\n  return analyticsValue;\n};\n\nexport default useTrackingContext;\n"],"names":["useTrackingContext","commonAnalyticsProps","overrides","handleClick","handleResponse","handleEvent","useUIContext","useMemo","label","analyticsLabel","props","value"],"mappings":";;AAMA,MAAMA,IAAqB,CACzBC,GACAC,IAAqC,OAClC;AACG,QAAA,EAAE,SAASC,GAAa,YAAYC,GAAgB,SAASC,MAAgBC,EAAa;AA8BzF,SA5BgBC,EAAQ,OAuBb,EAAE,SAtBU,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,QAAY;AAClD,IAAAP,KAAA,QAAAA,EAAA;AAAA,MACZ,OAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,OAAO,EAAE,GAAGR,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EAEJ,GAeqC,YAbF,CAAC,EAAE,OAAAM,GAAO,OAAAG,GAAO,OAAAD,QAAY;AAC7C,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACf,OAAAI;AAAA,MACA,OAAAG;AAAA,MACA,OAAO,EAAE,GAAGV,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EAEJ,GAMgE,SAJhC,CAACM,GAAOE,MAAU;AAChD,IAAAL,KAAA,QAAAA,EAAcG,GAAO,EAAE,GAAGP,GAAsB,GAAGS,KAASR;AAAA,EAC9D,EAEoF,IAGnF,CAACD,GAAsBE,GAAaE,GAAaD,GAAgBF,CAAS,CAAC;AAGhF;"}
+{"version":3,"file":"use-tracking-context.js","sources":["../../../../src/features/ui/context/use-tracking-context.ts"],"sourcesContent":["import type { TTrackCTA, TTrackEvent, TTrackInput } from '../context/context';\n\nimport { useMemo } from 'react';\n\nimport { useUIContext } from '../context/context';\n\nconst useTrackingContext = (\n  commonAnalyticsProps: Record<string, unknown>,\n  overrides: Record<string, unknown> = {},\n) => {\n  const { onClick: handleClick, onResponse: handleResponse, onEvent: handleEvent } = useUIContext();\n\n  const analyticsValue = useMemo(() => {\n    const trackCTA: TTrackCTA = ({ label, analyticsLabel, props }) => {\n      handleClick?.({\n        label,\n        analyticsLabel,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackResponse: TTrackInput = ({ label, value, props }) => {\n      handleResponse?.({\n        label,\n        value,\n        props: { ...commonAnalyticsProps, ...props },\n        overrides,\n      });\n    };\n\n    const trackEvent: TTrackEvent = (label, props) => {\n      handleEvent?.(label, { ...commonAnalyticsProps, ...props }, overrides);\n    };\n\n    const context = { onClick: trackCTA, onResponse: trackResponse, onEvent: trackEvent };\n\n    return context;\n  }, [commonAnalyticsProps, handleClick, handleEvent, handleResponse, overrides]);\n\n  return analyticsValue;\n};\n\nexport default useTrackingContext;\n"],"names":["useTrackingContext","commonAnalyticsProps","overrides","handleClick","handleResponse","handleEvent","useUIContext","useMemo","label","analyticsLabel","props","value","useTrackingContext$1"],"mappings":";;AAMA,MAAMA,IAAqB,CACzBC,GACAC,IAAqC,OAClC;AACG,QAAA,EAAE,SAASC,GAAa,YAAYC,GAAgB,SAASC,MAAgBC;AA8B5E,SA5BgBC,EAAQ,OAuBb,EAAE,SAtBU,CAAC,EAAE,OAAAC,GAAO,gBAAAC,GAAgB,OAAAC,QAAY;AAClD,IAAAP,KAAA,QAAAA,EAAA;AAAA,MACZ,OAAAK;AAAA,MACA,gBAAAC;AAAA,MACA,OAAO,EAAE,GAAGR,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAgBkC,YAbF,CAAC,EAAE,OAAAM,GAAO,OAAAG,GAAO,OAAAD,QAAY;AAC7C,IAAAN,KAAA,QAAAA,EAAA;AAAA,MACf,OAAAI;AAAA,MACA,OAAAG;AAAA,MACA,OAAO,EAAE,GAAGV,GAAsB,GAAGS,EAAM;AAAA,MAC3C,WAAAR;AAAA,IAAA;AAAA,EACD,GAO6D,SAJhC,CAACM,GAAOE,MAAU;AAChD,IAAAL,KAAA,QAAAA,EAAcG,GAAO,EAAE,GAAGP,GAAsB,GAAGS,EAAA,GAASR;AAAA,EAAS,MAMtE,CAACD,GAAsBE,GAAaE,GAAaD,GAAgBF,CAAS,CAAC;AAGhF,GAEAU,IAAeZ;"}

package/dist/features/ui/context-menu/context-menu.js

@@ -1,27 +1,27 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
 import { memo as c, useRef as f } from "react";
 import a from "../hooks/use-context-menu-click-handler.js";
-import { TargetElementWrapper as d, OptionsMenuWrapper as x, MenuElementWrapper as $ } from "./context-menu-styled.js";
-const W = c(
-  ({ targetElement: t, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
-    const n = f(null), { menuVisible: p, onMenuClick: s } = a(n);
-    return /* @__PURE__ */ u(d, { ref: n, onClick: s, children: [
-      t,
-      /* @__PURE__ */ r(
-        x,
+import { TargetElementWrapper as x, OptionsMenuWrapper as $, MenuElementWrapper as d } from "./context-menu-styled.js";
+const C = c(
+  ({ targetElement: r, menuElement: o, menuOffset: i, startLeft: l, menuZIndex: m, placeTop: e }) => {
+    const n = f(null), { menuVisible: s, onMenuClick: p } = a(n);
+    return /* @__PURE__ */ u(x, { ref: n, onClick: p, children: [
+      r,
+      /* @__PURE__ */ t(
+        $,
         {
           $menuOffset: i,
-          $visible: p,
+          $visible: s,
           $startLeft: l,
           $menuZIndex: m,
           $placeTop: e,
-          children: /* @__PURE__ */ r($, { $placeTop: e, children: o })
+          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
         }
       )
     ] });
   }
-);
+), b = C;
 export {
-  W as default
+  b as default
 };
 //# sourceMappingURL=context-menu.js.map

package/dist/features/ui/context-menu/context-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,MAAgBC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/D,GACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"context-menu.js","sources":["../../../../src/features/ui/context-menu/context-menu.tsx"],"sourcesContent":["import type { IContextMenuProps } from './context-menu-types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport useContextMenuClickHandler from '../hooks/use-context-menu-click-handler';\nimport * as Styled from './context-menu-styled';\n\nconst ContextMenu: FC<IContextMenuProps> = memo(\n  ({ targetElement, menuElement, menuOffset, startLeft, menuZIndex, placeTop }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { menuVisible, onMenuClick } = useContextMenuClickHandler(containerRef);\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {targetElement}\n\n        <Styled.OptionsMenuWrapper\n          $menuOffset={menuOffset}\n          $visible={menuVisible}\n          $startLeft={startLeft}\n          $menuZIndex={menuZIndex}\n          $placeTop={placeTop}\n        >\n          <Styled.MenuElementWrapper $placeTop={placeTop}>{menuElement}</Styled.MenuElementWrapper>\n        </Styled.OptionsMenuWrapper>\n      </Styled.TargetElementWrapper>\n    );\n  },\n);\n\nexport default ContextMenu;\n"],"names":["ContextMenu","memo","targetElement","menuElement","menuOffset","startLeft","menuZIndex","placeTop","containerRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","Styled.TargetElementWrapper","jsx","Styled.OptionsMenuWrapper","Styled.MenuElementWrapper","ContextMenu$1"],"mappings":";;;;AAQA,MAAMA,IAAqCC;AAAA,EACzC,CAAC,EAAE,eAAAC,GAAe,aAAAC,GAAa,YAAAC,GAAY,WAAAC,GAAW,YAAAC,GAAY,UAAAC,QAAe;AACzE,UAAAC,IAAeC,EAAuB,IAAI,GAE1C,EAAE,aAAAC,GAAa,aAAAC,EAAY,IAAIC,EAA2BJ,CAAY;AAE5E,6BACGK,GAAA,EAA4B,KAAKL,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAT;AAAA,MAED,gBAAAY;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAaX;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACS,GAAA,EAA0B,WAAWT,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAc,IAAejB;"}