@cuemath/leap 3.4.13-j1 → 3.5.1-link0

package/README.md

@@ -1,3 +1,11 @@
+## Prerequisites
+
+### Setting up npm authentication
+
+```bash
+echo "npmAuthToken: ${AUTH_TOKEN}" > ~/.yarnrc.yml
+```
+
 Peer Dependencies
 
 # Worksheet
@@ -16,64 +24,76 @@ rel="stylesheet"
 # 📊 Analytics Event Bank
 
 ## 📌 Purpose
+
 This document serves as a central repository for tracking all analytics events. Understanding **what** events are logged, **how** they are logged, and **where** they are tracked ensures better management and organization.
 
 ## 🔍 Tracking Platform-Specific Events
+
 Platform-specific events should be added to designated files to maintain a structured approach.
 
 ### 📂 File Structure
-- features/ 
-    - analytics-events/ 
-        - platform-event-student --> Contains student-related events
-        - platform-event-teacher --> Contains teacher-related events
+
+- features/
+  - analytics-events/
+    - platform-event-student --> Contains student-related events
+    - platform-event-teacher --> Contains teacher-related events
 
 > **⚠️ Note:** After adding an event to these files, import it into the relevant platform where it needs to be tracked.
 
 ## 🛠️ Usage Example
+
 ```javascript
 const PLATFORM_EVENT_STUDENT = {
-    // Define events here
-    YOU_HAVE_SEEN_THE_ANALYTICS_USAGE: 'you_have_seen_the_analytics_usage',
+  // Define events here
+  YOU_HAVE_SEEN_THE_ANALYTICS_USAGE: 'you_have_seen_the_analytics_usage',
 };
 ```
 
 ### How to track them on Plugins
+
 Simply whitelist the events that you have added above
+
 ```javascript
 const PLATFORM_WHITELIST_ANALYTICS_EVENT_STUDENT = {
-    // whitelist the events here
-    [PLATFORM_EVENT_STUDENT.YOU_HAVE_SEEN_THE_ANALYTICS_USAGE]: ['mixpanel', 'webengage'],
+  // whitelist the events here
+  [PLATFORM_EVENT_STUDENT.YOU_HAVE_SEEN_THE_ANALYTICS_USAGE]: ['mixpanel', 'webengage'],
 };
 ```
+
 This will make sure that the event is also getting tracked on the specified plugin.
 
 ## 🔍 Tracking feature-specific Events
+
 Feature-specific events should be added in the {{your-feature}}-analytics-events.ts which then needs to be imported in the following path:
+
 - features/
-    - analytics-events/
-        - whitelist-events.ts
+  - analytics-events/
+    - whitelist-events.ts
 
 ## 🛠️ Usage Example
+
 ```javascript
 const FEATURE_ANALYTICS_EVENT = {
-    // Define events here
-    YOU_HAVE_SEEN_THE_FEATURE_ANALYTICS_USAGE: 'you_have_seen_the_feature_analytics_usage',
+  // Define events here
+  YOU_HAVE_SEEN_THE_FEATURE_ANALYTICS_USAGE: 'you_have_seen_the_feature_analytics_usage',
 };
 ```
 
 ### How to track them on Plugins
+
 Simply whitelist the events that you have added above
+
 ```javascript
 const PLATFORM_WHITELIST_ANALYTICS_EVENT_STUDENT = {
-    // whitelist the events here
-    [FEATURE_ANALYTICS_EVENT.YOU_HAVE_SEEN_THE_FEATURE_ANALYTICS_USAGE]: ['mixpanel', 'webengage'],
+  // whitelist the events here
+  [FEATURE_ANALYTICS_EVENT.YOU_HAVE_SEEN_THE_FEATURE_ANALYTICS_USAGE]: ['mixpanel', 'webengage'],
 };
 ```
 
 This will make sure that the event is also getting tracked on the specified plugin.
 
-
 # Troubleshooting
+
 Common troubleshooting steps while using storybook:
 
 - If Google Places Search is not working, run on `local.cuemath.com:PORT` instead of `localhost:PORT`

package/dist/assets/line-icons/icons/after-noon.js

@@ -12,8 +12,8 @@ const l = (o) => /* @__PURE__ */ e(
       /* @__PURE__ */ C(
         "path",
         {
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd",
+          fillRule: "evenodd",
+          clipRule: "evenodd",
           d: "M8.0974 2.22079C6.79885 2.30942 5.61763 2.82629 4.69439 3.63065L3.59479 2.53105L3.0291 3.09673L4.12872 4.19635C3.32446 5.11959 2.80768 6.30088 2.71906 7.59933H1.16406V8.39933H2.71906C2.80768 9.69778 3.32446 10.8791 4.12872 11.8023L3.0291 12.9019L3.59479 13.4676L4.69439 12.368C5.61766 13.1724 6.79902 13.6892 8.09757 13.7779L8.0974 15.3326L8.8974 15.3327L8.89757 13.7779C10.196 13.6893 11.3773 13.1725 12.3006 12.3682L13.4 13.4676L13.9657 12.9019L12.8663 11.8025C13.6707 10.8793 14.1875 9.69788 14.2762 8.39933H15.8307V7.59933H14.2762C14.1875 6.30077 13.6707 5.1194 12.8663 4.19612L13.9657 3.09673L13.4 2.53105L12.3006 3.63045C11.3773 2.82619 10.1959 2.30941 8.8974 2.22079V0.666016H8.0974V2.22079ZM8.4974 3.00719C7.11871 3.00719 5.87138 3.56554 4.96752 4.46945C4.06374 5.37328 3.50545 6.62072 3.50545 7.99933C3.50545 9.37793 4.06374 10.6254 4.96752 11.5292C5.87137 12.4331 7.1189 12.9915 8.49761 12.9915C9.87621 12.9915 11.1237 12.4332 12.0275 11.5294C12.9314 10.6256 13.4898 9.37803 13.4898 7.99933C13.4898 6.62063 12.9314 5.3731 12.0275 4.46925C11.1237 3.56548 9.87602 3.00719 8.4974 3.00719Z",
           fill: "currentColor"
         }

package/dist/assets/line-icons/icons/after-noon.js.map

@@ -1 +1 @@
-{"version":3,"file":"after-noon.js","sources":["../../../../src/assets/line-icons/icons/after-noon.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Afternoon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M8.0974 2.22079C6.79885 2.30942 5.61763 2.82629 4.69439 3.63065L3.59479 2.53105L3.0291 3.09673L4.12872 4.19635C3.32446 5.11959 2.80768 6.30088 2.71906 7.59933H1.16406V8.39933H2.71906C2.80768 9.69778 3.32446 10.8791 4.12872 11.8023L3.0291 12.9019L3.59479 13.4676L4.69439 12.368C5.61766 13.1724 6.79902 13.6892 8.09757 13.7779L8.0974 15.3326L8.8974 15.3327L8.89757 13.7779C10.196 13.6893 11.3773 13.1725 12.3006 12.3682L13.4 13.4676L13.9657 12.9019L12.8663 11.8025C13.6707 10.8793 14.1875 9.69788 14.2762 8.39933H15.8307V7.59933H14.2762C14.1875 6.30077 13.6707 5.1194 12.8663 4.19612L13.9657 3.09673L13.4 2.53105L12.3006 3.63045C11.3773 2.82619 10.1959 2.30941 8.8974 2.22079V0.666016H8.0974V2.22079ZM8.4974 3.00719C7.11871 3.00719 5.87138 3.56554 4.96752 4.46945C4.06374 5.37328 3.50545 6.62072 3.50545 7.99933C3.50545 9.37793 4.06374 10.6254 4.96752 11.5292C5.87137 12.4331 7.1189 12.9915 8.49761 12.9915C9.87621 12.9915 11.1237 12.4332 12.0275 11.5294C12.9314 10.6256 13.4898 9.37803 13.4898 7.99933C13.4898 6.62063 12.9314 5.3731 12.0275 4.46925C11.1237 3.56548 9.87602 3.00719 8.4974 3.00719Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M4.96752 4.46945C5.87138 3.56554 7.11871 3.00719 8.4974 3.00719C9.87602 3.00719 11.1237 3.56548 12.0275 4.46925C12.9314 5.3731 13.4898 6.62063 13.4898 7.99933C13.4898 9.37803 12.9314 10.6256 12.0275 11.5294C11.1237 12.4332 9.87621 12.9915 8.49761 12.9915C7.1189 12.9915 5.87137 12.4331 4.96752 11.5292C4.06374 10.6254 3.50545 9.37793 3.50545 7.99933C3.50545 6.62072 4.06374 5.37328 4.96752 4.46945Z\"\n      fill=\"#FFB700\"\n    />\n  </svg>\n);\n\nexport default Afternoon;\n"],"names":["Afternoon","props","jsxs","jsx","Afternoon$1"],"mappings":";AAEA,MAAMA,IAAyC,CAC7CC,MAAA,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;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,aAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
+{"version":3,"file":"after-noon.js","sources":["../../../../src/assets/line-icons/icons/after-noon.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Afternoon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M8.0974 2.22079C6.79885 2.30942 5.61763 2.82629 4.69439 3.63065L3.59479 2.53105L3.0291 3.09673L4.12872 4.19635C3.32446 5.11959 2.80768 6.30088 2.71906 7.59933H1.16406V8.39933H2.71906C2.80768 9.69778 3.32446 10.8791 4.12872 11.8023L3.0291 12.9019L3.59479 13.4676L4.69439 12.368C5.61766 13.1724 6.79902 13.6892 8.09757 13.7779L8.0974 15.3326L8.8974 15.3327L8.89757 13.7779C10.196 13.6893 11.3773 13.1725 12.3006 12.3682L13.4 13.4676L13.9657 12.9019L12.8663 11.8025C13.6707 10.8793 14.1875 9.69788 14.2762 8.39933H15.8307V7.59933H14.2762C14.1875 6.30077 13.6707 5.1194 12.8663 4.19612L13.9657 3.09673L13.4 2.53105L12.3006 3.63045C11.3773 2.82619 10.1959 2.30941 8.8974 2.22079V0.666016H8.0974V2.22079ZM8.4974 3.00719C7.11871 3.00719 5.87138 3.56554 4.96752 4.46945C4.06374 5.37328 3.50545 6.62072 3.50545 7.99933C3.50545 9.37793 4.06374 10.6254 4.96752 11.5292C5.87137 12.4331 7.1189 12.9915 8.49761 12.9915C9.87621 12.9915 11.1237 12.4332 12.0275 11.5294C12.9314 10.6256 13.4898 9.37803 13.4898 7.99933C13.4898 6.62063 12.9314 5.3731 12.0275 4.46925C11.1237 3.56548 9.87602 3.00719 8.4974 3.00719Z\"\n      fill=\"currentColor\"\n    />\n    <path\n      d=\"M4.96752 4.46945C5.87138 3.56554 7.11871 3.00719 8.4974 3.00719C9.87602 3.00719 11.1237 3.56548 12.0275 4.46925C12.9314 5.3731 13.4898 6.62063 13.4898 7.99933C13.4898 9.37803 12.9314 10.6256 12.0275 11.5294C11.1237 12.4332 9.87621 12.9915 8.49761 12.9915C7.1189 12.9915 5.87137 12.4331 4.96752 11.5292C4.06374 10.6254 3.50545 9.37793 3.50545 7.99933C3.50545 6.62072 4.06374 5.37328 4.96752 4.46945Z\"\n      fill=\"#FFB700\"\n    />\n  </svg>\n);\n\nexport default Afternoon;\n"],"names":["Afternoon","props","jsxs","jsx","Afternoon$1"],"mappings":";AAEA,MAAMA,IAAyC,CAC7CC,MAAA,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;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/assets/line-icons/icons/chevron-left.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-left.js","sources":["../../../../src/assets/line-icons/icons/chevron-left.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\ninterface IconProps extends SVGProps<SVGSVGElement> {}\n\nconst ChevronLeft: FC<IconProps> = props => (\n  <svg\n    fill=\"none\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.3335 11.4C10.684 11.4 13.4002 8.68386 13.4002 5.33333H14.6002C14.6002 8.31725 12.8016 10.8811 10.2295 12C12.8016 13.1189 14.6002 15.6827 14.6002 18.6667H13.4002C13.4002 15.3161 10.684 12.6 7.3335 12.6V11.4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ChevronLeft;\n"],"names":["ChevronLeft","props","jsx","ChevronLeftIcon"],"mappings":";AAIA,MAAMA,IAA6B,CACjCC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
+{"version":3,"file":"chevron-left.js","sources":["../../../../src/assets/line-icons/icons/chevron-left.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst ChevronLeft: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    fill=\"none\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.3335 11.4C10.684 11.4 13.4002 8.68386 13.4002 5.33333H14.6002C14.6002 8.31725 12.8016 10.8811 10.2295 12C12.8016 13.1189 14.6002 15.6827 14.6002 18.6667H13.4002C13.4002 15.3161 10.684 12.6 7.3335 12.6V11.4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ChevronLeft;\n"],"names":["ChevronLeft","props","jsx","ChevronLeftIcon"],"mappings":";AAEA,MAAMA,IAA2C,CAC/CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF,GAGFC,IAAeH;"}

package/dist/assets/line-icons/icons/chevron-right.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-right.js","sources":["../../../../src/assets/line-icons/icons/chevron-right.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\ninterface IconProps extends SVGProps<SVGSVGElement> {}\n\nconst ChevronRight: FC<IconProps> = props => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.666 12.6C13.3155 12.6 10.5993 15.3161 10.5993 18.6666H9.39935C9.39935 15.6827 11.1979 13.1188 13.77 12C11.1979 10.8811 9.39935 8.31722 9.39935 5.33329H10.5993C10.5993 8.68382 13.3155 11.4 16.666 11.4V12.6Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"1\"\n    />\n  </svg>\n);\n\nexport default ChevronRight;\n"],"names":["ChevronRight","props","jsx","ChevronRightIcon"],"mappings":";AAIA,MAAMA,IAA8B,CAClCC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF,GAGFC,IAAeH;"}
+{"version":3,"file":"chevron-right.js","sources":["../../../../src/assets/line-icons/icons/chevron-right.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst ChevronRight: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M16.666 12.6C13.3155 12.6 10.5993 15.3161 10.5993 18.6666H9.39935C9.39935 15.6827 11.1979 13.1188 13.77 12C11.1979 10.8811 9.39935 8.31722 9.39935 5.33329H10.5993C10.5993 8.68382 13.3155 11.4 16.666 11.4V12.6Z\"\n      fill=\"currentColor\"\n      fillOpacity=\"1\"\n    />\n  </svg>\n);\n\nexport default ChevronRight;\n"],"names":["ChevronRight","props","jsx","ChevronRightIcon"],"mappings":";AAEA,MAAMA,IAA4C,CAChDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF,GAGFC,IAAeH;"}

package/dist/assets/line-icons/icons/circle-back.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-const o = (e) => /* @__PURE__ */ l(
+const t = (e) => /* @__PURE__ */ l(
   "svg",
   {
     width: "32",
@@ -11,16 +11,16 @@ const o = (e) => /* @__PURE__ */ l(
     children: /* @__PURE__ */ l(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M5.33301 15.1997C9.00216 15.1997 11.8473 12.5049 11.8473 9.33301H13.4473C13.4473 11.7395 12.2264 13.8438 10.3521 15.1997L26.6663 15.1997V16.7997L10.3521 16.7997C12.2264 18.1556 13.4473 20.2598 13.4473 22.6663H11.8473C11.8473 19.4945 9.00216 16.7997 5.33301 16.7997V15.1997Z",
         fill: "white",
-        "fill-opacity": "0.87"
+        fillOpacity: "0.87"
       }
     )
   }
 );
 export {
-  o as default
+  t as default
 };
 //# sourceMappingURL=circle-back.js.map

package/dist/assets/line-icons/icons/circle-back.js.map

@@ -1 +1 @@
-{"version":3,"file":"circle-back.js","sources":["../../../../src/assets/line-icons/icons/circle-back.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CircleBackIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M5.33301 15.1997C9.00216 15.1997 11.8473 12.5049 11.8473 9.33301H13.4473C13.4473 11.7395 12.2264 13.8438 10.3521 15.1997L26.6663 15.1997V16.7997L10.3521 16.7997C12.2264 18.1556 13.4473 20.2598 13.4473 22.6663H11.8473C11.8473 19.4945 9.00216 16.7997 5.33301 16.7997V15.1997Z\"\n      fill=\"white\"\n      fill-opacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CircleBackIcon;\n"],"names":["CircleBackIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA8C,CAClDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,aAAU;AAAA,QACV,GAAE;AAAA,QACF,MAAK;AAAA,QACL,gBAAa;AAAA,MAAA;AAAA,IACf;AAAA,EAAA;AACF;"}
+{"version":3,"file":"circle-back.js","sources":["../../../../src/assets/line-icons/icons/circle-back.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst CircleBackIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"32\"\n    height=\"32\"\n    viewBox=\"0 0 32 32\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M5.33301 15.1997C9.00216 15.1997 11.8473 12.5049 11.8473 9.33301H13.4473C13.4473 11.7395 12.2264 13.8438 10.3521 15.1997L26.6663 15.1997V16.7997L10.3521 16.7997C12.2264 18.1556 13.4473 20.2598 13.4473 22.6663H11.8473C11.8473 19.4945 9.00216 16.7997 5.33301 16.7997V15.1997Z\"\n      fill=\"white\"\n      fillOpacity=\"0.87\"\n    />\n  </svg>\n);\n\nexport default CircleBackIcon;\n"],"names":["CircleBackIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAA8C,CAClDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,QACL,aAAY;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AACF;"}

package/dist/assets/line-icons/icons/evening.js

@@ -9,7 +9,7 @@ const t = (l) => /* @__PURE__ */ i(
     fill: "none",
     ...l,
     children: [
-      /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_4428_4259)", children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_4428_4259)", children: [
         /* @__PURE__ */ C(
           "path",
           {

package/dist/assets/line-icons/icons/evening.js.map

@@ -1 +1 @@
-{"version":3,"file":"evening.js","sources":["../../../../src/assets/line-icons/icons/evening.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Evening: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clip-path=\"url(#clip0_4428_4259)\">\n      <path\n        d=\"M9.41238 16C8.34048 16 7.33556 15.7977 6.39763 15.3931C5.45983 14.9885 4.64006 14.4353 3.93831 13.7336C3.23656 13.0318 2.68339 12.212 2.27878 11.2742C1.87418 10.3363 1.67188 9.3314 1.67188 8.25949C1.67188 6.60407 2.14843 5.1114 3.10153 3.78148C4.05463 2.45156 5.31204 1.5244 6.87375 1C6.81478 2.32709 7.01814 3.60321 7.48385 4.82836C7.94941 6.05366 8.65279 7.13683 9.59399 8.07789C10.535 9.01908 11.6182 9.72246 12.8435 10.188C14.0687 10.6537 15.3448 10.8571 16.6719 10.7981C16.1507 12.3598 15.2244 13.6172 13.8927 14.5703C12.5613 15.5234 11.0678 16 9.41238 16ZM9.41238 15.1494C10.6599 15.1494 11.8153 14.8375 12.8786 14.2137C13.9419 13.59 14.7783 12.7308 15.3879 11.6362C14.1687 11.5223 13.0133 11.2131 11.9217 10.7086C10.8301 10.2039 9.85186 9.51796 8.98708 8.65077C8.1223 7.78358 7.43473 6.80694 6.92436 5.72086C6.414 4.63464 6.1092 3.48192 6.00996 2.26272C4.91835 2.87232 4.0642 3.7123 3.44751 4.78264C2.83082 5.85299 2.52248 7.01194 2.52248 8.25949C2.52248 10.1734 3.19233 11.8001 4.53204 13.1398C5.87174 14.4795 7.49852 15.1494 9.41238 15.1494Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M9.41238 15.1494C10.6599 15.1494 11.8153 14.8375 12.8786 14.2137C13.9419 13.59 14.7783 12.7308 15.3879 11.6362C14.1687 11.5223 13.0133 11.2131 11.9217 10.7086C10.8301 10.2039 9.85186 9.51796 8.98708 8.65077C8.1223 7.78358 7.43473 6.80694 6.92436 5.72086C6.414 4.63464 6.1092 3.48192 6.00996 2.26272C4.91835 2.87232 4.0642 3.7123 3.44751 4.78264C2.83082 5.85299 2.52248 7.01194 2.52248 8.25949C2.52248 10.1734 3.19233 11.8001 4.53204 13.1398C5.87174 14.4795 7.49852 15.1494 9.41238 15.1494Z\"\n        fill=\"#A9099C\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_4428_4259\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0.671875)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default Evening;\n"],"names":["Evening","props","jsxs","jsx","Evening$1"],"mappings":";AAEA,MAAMA,IAAuC,CAC3CC,MAAA,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,MAAC,gBAAAC,EAAA,KAAA,EAAE,aAAU,yBACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA,GACF;AAAA,wBACC,QACC,EAAA,UAAA,gBAAAA,EAAC,YAAS,EAAA,IAAG,mBACX,UAAC,gBAAAA,EAAA,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,sBAAA,CAAsB,EAC5E,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
+{"version":3,"file":"evening.js","sources":["../../../../src/assets/line-icons/icons/evening.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Evening: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_4428_4259)\">\n      <path\n        d=\"M9.41238 16C8.34048 16 7.33556 15.7977 6.39763 15.3931C5.45983 14.9885 4.64006 14.4353 3.93831 13.7336C3.23656 13.0318 2.68339 12.212 2.27878 11.2742C1.87418 10.3363 1.67188 9.3314 1.67188 8.25949C1.67188 6.60407 2.14843 5.1114 3.10153 3.78148C4.05463 2.45156 5.31204 1.5244 6.87375 1C6.81478 2.32709 7.01814 3.60321 7.48385 4.82836C7.94941 6.05366 8.65279 7.13683 9.59399 8.07789C10.535 9.01908 11.6182 9.72246 12.8435 10.188C14.0687 10.6537 15.3448 10.8571 16.6719 10.7981C16.1507 12.3598 15.2244 13.6172 13.8927 14.5703C12.5613 15.5234 11.0678 16 9.41238 16ZM9.41238 15.1494C10.6599 15.1494 11.8153 14.8375 12.8786 14.2137C13.9419 13.59 14.7783 12.7308 15.3879 11.6362C14.1687 11.5223 13.0133 11.2131 11.9217 10.7086C10.8301 10.2039 9.85186 9.51796 8.98708 8.65077C8.1223 7.78358 7.43473 6.80694 6.92436 5.72086C6.414 4.63464 6.1092 3.48192 6.00996 2.26272C4.91835 2.87232 4.0642 3.7123 3.44751 4.78264C2.83082 5.85299 2.52248 7.01194 2.52248 8.25949C2.52248 10.1734 3.19233 11.8001 4.53204 13.1398C5.87174 14.4795 7.49852 15.1494 9.41238 15.1494Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M9.41238 15.1494C10.6599 15.1494 11.8153 14.8375 12.8786 14.2137C13.9419 13.59 14.7783 12.7308 15.3879 11.6362C14.1687 11.5223 13.0133 11.2131 11.9217 10.7086C10.8301 10.2039 9.85186 9.51796 8.98708 8.65077C8.1223 7.78358 7.43473 6.80694 6.92436 5.72086C6.414 4.63464 6.1092 3.48192 6.00996 2.26272C4.91835 2.87232 4.0642 3.7123 3.44751 4.78264C2.83082 5.85299 2.52248 7.01194 2.52248 8.25949C2.52248 10.1734 3.19233 11.8001 4.53204 13.1398C5.87174 14.4795 7.49852 15.1494 9.41238 15.1494Z\"\n        fill=\"#A9099C\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_4428_4259\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0.671875)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default Evening;\n"],"names":["Evening","props","jsxs","jsx","Evening$1"],"mappings":";AAEA,MAAMA,IAAuC,CAC3CC,MAAA,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,MAAC,gBAAAC,EAAA,KAAA,EAAE,UAAS,yBACV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA,GACF;AAAA,wBACC,QACC,EAAA,UAAA,gBAAAA,EAAC,YAAS,EAAA,IAAG,mBACX,UAAC,gBAAAA,EAAA,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,sBAAA,CAAsB,EAC5E,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/assets/line-icons/icons/link.js

@@ -11,8 +11,8 @@ const o = (e) => /* @__PURE__ */ L(
     children: /* @__PURE__ */ L(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "evenodd",
         d: "M7.42419 12.4243C6.27778 13.5707 6.27778 15.4294 7.42419 16.5758C8.57061 17.7222 10.4293 17.7222 11.5757 16.5758L13.3615 14.7901L14.21 15.6386L12.4243 17.4243C10.8092 19.0394 8.19071 19.0394 6.57566 17.4243C4.96062 15.8093 4.96062 13.1908 6.57567 11.5757L8.3614 9.78999L9.20993 10.6385L7.42419 12.4243ZM12.4243 7.42419L10.6385 9.20993L9.78999 8.3614L11.5757 6.57566C13.1908 4.96062 15.8093 4.96062 17.4243 6.57566C19.0394 8.19071 19.0394 10.8092 17.4243 12.4243L15.6386 14.21L14.7901 13.3615L16.5758 11.5757C17.7222 10.4293 17.7222 8.57061 16.5758 7.42419C15.4294 6.27778 13.5707 6.27778 12.4243 7.42419ZM9.56708 15.2814L8.71855 14.4329L14.4329 8.71855L15.2814 9.56708L9.56708 15.2814Z",
         fill: "currentColor"
       }

package/dist/assets/line-icons/icons/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../src/assets/line-icons/icons/link.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst LinkIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.42419 12.4243C6.27778 13.5707 6.27778 15.4294 7.42419 16.5758C8.57061 17.7222 10.4293 17.7222 11.5757 16.5758L13.3615 14.7901L14.21 15.6386L12.4243 17.4243C10.8092 19.0394 8.19071 19.0394 6.57566 17.4243C4.96062 15.8093 4.96062 13.1908 6.57567 11.5757L8.3614 9.78999L9.20993 10.6385L7.42419 12.4243ZM12.4243 7.42419L10.6385 9.20993L9.78999 8.3614L11.5757 6.57566C13.1908 4.96062 15.8093 4.96062 17.4243 6.57566C19.0394 8.19071 19.0394 10.8092 17.4243 12.4243L15.6386 14.21L14.7901 13.3615L16.5758 11.5757C17.7222 10.4293 17.7222 8.57061 16.5758 7.42419C15.4294 6.27778 13.5707 6.27778 12.4243 7.42419ZM9.56708 15.2814L8.71855 14.4329L14.4329 8.71855L15.2814 9.56708L9.56708 15.2814Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default LinkIcon;\n"],"names":["LinkIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAAwC,CAC5CC,MAAA,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,aAAU;AAAA,QACV,aAAU;AAAA,QACV,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}
+{"version":3,"file":"link.js","sources":["../../../../src/assets/line-icons/icons/link.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst LinkIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.42419 12.4243C6.27778 13.5707 6.27778 15.4294 7.42419 16.5758C8.57061 17.7222 10.4293 17.7222 11.5757 16.5758L13.3615 14.7901L14.21 15.6386L12.4243 17.4243C10.8092 19.0394 8.19071 19.0394 6.57566 17.4243C4.96062 15.8093 4.96062 13.1908 6.57567 11.5757L8.3614 9.78999L9.20993 10.6385L7.42419 12.4243ZM12.4243 7.42419L10.6385 9.20993L9.78999 8.3614L11.5757 6.57566C13.1908 4.96062 15.8093 4.96062 17.4243 6.57566C19.0394 8.19071 19.0394 10.8092 17.4243 12.4243L15.6386 14.21L14.7901 13.3615L16.5758 11.5757C17.7222 10.4293 17.7222 8.57061 16.5758 7.42419C15.4294 6.27778 13.5707 6.27778 12.4243 7.42419ZM9.56708 15.2814L8.71855 14.4329L14.4329 8.71855L15.2814 9.56708L9.56708 15.2814Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default LinkIcon;\n"],"names":["LinkIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAAwC,CAC5CC,MAAA,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,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/assets/line-icons/icons/morning.js

@@ -9,7 +9,7 @@ const r = (t) => /* @__PURE__ */ l(
     fill: "none",
     ...t,
     children: [
-      /* @__PURE__ */ l("g", { "clip-path": "url(#clip0_4428_4236)", children: [
+      /* @__PURE__ */ l("g", { clipPath: "url(#clip0_4428_4236)", children: [
         /* @__PURE__ */ i(
           "path",
           {

package/dist/assets/line-icons/icons/morning.js.map

@@ -1 +1 @@
-{"version":3,"file":"morning.js","sources":["../../../../src/assets/line-icons/icons/morning.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Morning: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clip-path=\"url(#clip0_4428_4236)\">\n      <path\n        d=\"M13.0455 5.74849L12.4868 5.18066L13.85 3.82651L14.4088 4.38526L13.0455 5.74849ZM0.835938 13.4125V12.623H15.8359V13.4125H0.835938ZM7.9412 3.72625V1.84375H8.73067V3.72625H7.9412ZM3.62633 5.73941L2.27219 4.37599L2.83094 3.81743L4.19416 5.18066L3.62633 5.73941ZM4.7241 9.07039H11.9478C11.6451 8.35987 11.169 7.7875 10.5192 7.35329C9.86936 6.91908 9.1416 6.70197 8.33594 6.70197C7.53028 6.70197 6.80252 6.91908 6.15265 7.35329C5.50291 7.7875 5.02673 8.35987 4.7241 9.07039ZM3.69028 9.85987C3.87238 8.71513 4.40094 7.77105 5.27594 7.02763C6.15094 6.28421 7.17094 5.9125 8.33594 5.9125C9.50094 5.9125 10.5209 6.28421 11.3959 7.02763C12.2709 7.77105 12.7995 8.71513 12.9816 9.85987H3.69028Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M4.7241 9.07039H11.9478C11.6451 8.35987 11.169 7.7875 10.5192 7.35329C9.86936 6.91908 9.1416 6.70197 8.33594 6.70197C7.53028 6.70197 6.80252 6.91908 6.15265 7.35329C5.50291 7.7875 5.02673 8.35987 4.7241 9.07039Z\"\n        fill=\"#EC5B13\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_4428_4236\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0.335938)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default Morning;\n"],"names":["Morning","props","jsxs","jsx","Morning$1"],"mappings":";AAEA,MAAMA,IAAuC,CAC3CC,MAAA,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,MAAC,gBAAAC,EAAA,KAAA,EAAE,aAAU,yBACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA,GACF;AAAA,wBACC,QACC,EAAA,UAAA,gBAAAA,EAAC,YAAS,EAAA,IAAG,mBACX,UAAC,gBAAAA,EAAA,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,sBAAA,CAAsB,EAC5E,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
+{"version":3,"file":"morning.js","sources":["../../../../src/assets/line-icons/icons/morning.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst Morning: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    {...props}\n  >\n    <g clipPath=\"url(#clip0_4428_4236)\">\n      <path\n        d=\"M13.0455 5.74849L12.4868 5.18066L13.85 3.82651L14.4088 4.38526L13.0455 5.74849ZM0.835938 13.4125V12.623H15.8359V13.4125H0.835938ZM7.9412 3.72625V1.84375H8.73067V3.72625H7.9412ZM3.62633 5.73941L2.27219 4.37599L2.83094 3.81743L4.19416 5.18066L3.62633 5.73941ZM4.7241 9.07039H11.9478C11.6451 8.35987 11.169 7.7875 10.5192 7.35329C9.86936 6.91908 9.1416 6.70197 8.33594 6.70197C7.53028 6.70197 6.80252 6.91908 6.15265 7.35329C5.50291 7.7875 5.02673 8.35987 4.7241 9.07039ZM3.69028 9.85987C3.87238 8.71513 4.40094 7.77105 5.27594 7.02763C6.15094 6.28421 7.17094 5.9125 8.33594 5.9125C9.50094 5.9125 10.5209 6.28421 11.3959 7.02763C12.2709 7.77105 12.7995 8.71513 12.9816 9.85987H3.69028Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M4.7241 9.07039H11.9478C11.6451 8.35987 11.169 7.7875 10.5192 7.35329C9.86936 6.91908 9.1416 6.70197 8.33594 6.70197C7.53028 6.70197 6.80252 6.91908 6.15265 7.35329C5.50291 7.7875 5.02673 8.35987 4.7241 9.07039Z\"\n        fill=\"#EC5B13\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_4428_4236\">\n        <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(0.335938)\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n\nexport default Morning;\n"],"names":["Morning","props","jsxs","jsx","Morning$1"],"mappings":";AAEA,MAAMA,IAAuC,CAC3CC,MAAA,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,MAAC,gBAAAC,EAAA,KAAA,EAAE,UAAS,yBACV,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,MAAA,GACF;AAAA,wBACC,QACC,EAAA,UAAA,gBAAAA,EAAC,YAAS,EAAA,IAAG,mBACX,UAAC,gBAAAA,EAAA,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,sBAAA,CAAsB,EAC5E,CAAA,GACF;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/assets/line-icons/icons/pencil.js

@@ -10,19 +10,7 @@ const a = (e) => /* @__PURE__ */ i(
     ...e,
     children: [
       /* @__PURE__ */ l("path", { d: "M0 35L0 58L24 58L24 35L12 0L0 35Z", fill: "#FCF4E4" }),
-      /* @__PURE__ */ l(
-        "mask",
-        {
-          id: "mask-line-icon-pencil",
-          "mask-type": "alpha",
-          maskUnits: "userSpaceOnUse",
-          x: "0",
-          y: "0",
-          width: "24",
-          height: "58",
-          children: /* @__PURE__ */ l("path", { className: "pencil-dark-shade", d: "M0 35L0 58L24 58L24 35L12 0L0 35Z", fill: "#808080" })
-        }
-      ),
+      /* @__PURE__ */ l("mask", { id: "mask-line-icon-pencil", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "58", children: /* @__PURE__ */ l("path", { className: "pencil-dark-shade", d: "M0 35L0 58L24 58L24 35L12 0L0 35Z", fill: "#808080" }) }),
       /* @__PURE__ */ l("g", { mask: "url(#mask-line-icon-pencil)", children: /* @__PURE__ */ l("ellipse", { className: "pencil-dark-shade", cx: "12", cy: "1", rx: "12.9231", ry: "14", fill: "#808080" }) }),
       /* @__PURE__ */ l("rect", { className: "pencil-dark-shade", y: "36", width: "6", height: "22", fill: "#808080" }),
       /* @__PURE__ */ l("rect", { className: "pencil-light-shade", x: "6", y: "36", width: "6", height: "22", fill: "#E0E0E0" }),

package/dist/assets/line-icons/icons/pencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"pencil.js","sources":["../../../../src/assets/line-icons/icons/pencil.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst PencilIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"24\"\n    height=\"58\"\n    viewBox=\"0 0 24 58\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path d=\"M0 35L0 58L24 58L24 35L12 0L0 35Z\" fill=\"#FCF4E4\" />\n    <mask\n      id=\"mask-line-icon-pencil\"\n      mask-type=\"alpha\"\n      maskUnits=\"userSpaceOnUse\"\n      x=\"0\"\n      y=\"0\"\n      width=\"24\"\n      height=\"58\"\n    >\n      <path className=\"pencil-dark-shade\" d=\"M0 35L0 58L24 58L24 35L12 0L0 35Z\" fill=\"#808080\" />\n    </mask>\n    <g mask=\"url(#mask-line-icon-pencil)\">\n      <ellipse className=\"pencil-dark-shade\" cx=\"12\" cy=\"1\" rx=\"12.9231\" ry=\"14\" fill=\"#808080\" />\n    </g>\n    <rect className=\"pencil-dark-shade\" y=\"36\" width=\"6\" height=\"22\" fill=\"#808080\" />\n    <rect className=\"pencil-light-shade\" x=\"6\" y=\"36\" width=\"6\" height=\"22\" fill=\"#E0E0E0\" />\n    <rect className=\"pencil-dark-shade\" x=\"12\" y=\"36\" width=\"6\" height=\"22\" fill=\"#808080\" />\n    <rect className=\"pencil-light-shade\" x=\"18\" y=\"36\" width=\"6\" height=\"22\" fill=\"#E0E0E0\" />\n    <path\n      className=\"pencil-dark-shade\"\n      d=\"M1.8906 34.7396L0 36H6L4.1094 34.7396C3.4376 34.2917 2.5624 34.2917 1.8906 34.7396Z\"\n      fill=\"#808080\"\n    />\n    <path\n      className=\"pencil-dark-shade\"\n      d=\"M13.8906 34.7396L12 36H18L16.1094 34.7396C15.4376 34.2917 14.5624 34.2917 13.8906 34.7396Z\"\n      fill=\"#808080\"\n    />\n    <path\n      d=\"M10.1094 37.2604L12 36L6 36L7.8906 37.2604C8.5624 37.7083 9.4376 37.7083 10.1094 37.2604Z\"\n      fill=\"#FCF4E4\"\n    />\n    <path\n      d=\"M22.1094 37.2604L24 36L18 36L19.8906 37.2604C20.5624 37.7083 21.4376 37.7083 22.1094 37.2604Z\"\n      fill=\"#FCF4E4\"\n    />\n  </svg>\n);\n\nexport default PencilIcon;\n"],"names":["PencilIcon","props","jsxs","jsx","PencilIcon$1"],"mappings":";AAEA,MAAMA,IAA0C,CAC9CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qCAAoC,MAAK,WAAU;AAAA,MAC3D,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,aAAU;AAAA,UACV,WAAU;AAAA,UACV,GAAE;AAAA,UACF,GAAE;AAAA,UACF,OAAM;AAAA,UACN,QAAO;AAAA,UAEP,4BAAC,QAAK,EAAA,WAAU,qBAAoB,GAAE,qCAAoC,MAAK,WAAU;AAAA,QAAA;AAAA,MAC3F;AAAA,wBACC,KAAE,EAAA,MAAK,+BACN,UAAC,gBAAAA,EAAA,WAAA,EAAQ,WAAU,qBAAoB,IAAG,MAAK,IAAG,KAAI,IAAG,WAAU,IAAG,MAAK,MAAK,UAAU,CAAA,GAC5F;AAAA,MACA,gBAAAA,EAAC,QAAK,EAAA,WAAU,qBAAoB,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,UAAU,CAAA;AAAA,MAC/E,gBAAAA,EAAA,QAAA,EAAK,WAAU,sBAAqB,GAAE,KAAI,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACtF,gBAAAA,EAAA,QAAA,EAAK,WAAU,qBAAoB,GAAE,MAAK,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACtF,gBAAAA,EAAA,QAAA,EAAK,WAAU,sBAAqB,GAAE,MAAK,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACxF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,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,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
+{"version":3,"file":"pencil.js","sources":["../../../../src/assets/line-icons/icons/pencil.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst PencilIcon: FC<SVGProps<SVGSVGElement>> = props => (\n  <svg\n    width=\"24\"\n    height=\"58\"\n    viewBox=\"0 0 24 58\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path d=\"M0 35L0 58L24 58L24 35L12 0L0 35Z\" fill=\"#FCF4E4\" />\n    <mask id=\"mask-line-icon-pencil\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"24\" height=\"58\">\n      <path className=\"pencil-dark-shade\" d=\"M0 35L0 58L24 58L24 35L12 0L0 35Z\" fill=\"#808080\" />\n    </mask>\n    <g mask=\"url(#mask-line-icon-pencil)\">\n      <ellipse className=\"pencil-dark-shade\" cx=\"12\" cy=\"1\" rx=\"12.9231\" ry=\"14\" fill=\"#808080\" />\n    </g>\n    <rect className=\"pencil-dark-shade\" y=\"36\" width=\"6\" height=\"22\" fill=\"#808080\" />\n    <rect className=\"pencil-light-shade\" x=\"6\" y=\"36\" width=\"6\" height=\"22\" fill=\"#E0E0E0\" />\n    <rect className=\"pencil-dark-shade\" x=\"12\" y=\"36\" width=\"6\" height=\"22\" fill=\"#808080\" />\n    <rect className=\"pencil-light-shade\" x=\"18\" y=\"36\" width=\"6\" height=\"22\" fill=\"#E0E0E0\" />\n    <path\n      className=\"pencil-dark-shade\"\n      d=\"M1.8906 34.7396L0 36H6L4.1094 34.7396C3.4376 34.2917 2.5624 34.2917 1.8906 34.7396Z\"\n      fill=\"#808080\"\n    />\n    <path\n      className=\"pencil-dark-shade\"\n      d=\"M13.8906 34.7396L12 36H18L16.1094 34.7396C15.4376 34.2917 14.5624 34.2917 13.8906 34.7396Z\"\n      fill=\"#808080\"\n    />\n    <path\n      d=\"M10.1094 37.2604L12 36L6 36L7.8906 37.2604C8.5624 37.7083 9.4376 37.7083 10.1094 37.2604Z\"\n      fill=\"#FCF4E4\"\n    />\n    <path\n      d=\"M22.1094 37.2604L24 36L18 36L19.8906 37.2604C20.5624 37.7083 21.4376 37.7083 22.1094 37.2604Z\"\n      fill=\"#FCF4E4\"\n    />\n  </svg>\n);\n\nexport default PencilIcon;\n"],"names":["PencilIcon","props","jsxs","jsx","PencilIcon$1"],"mappings":";AAEA,MAAMA,IAA0C,CAC9CC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAK,EAAA,GAAE,qCAAoC,MAAK,WAAU;AAAA,MAC3D,gBAAAA,EAAC,UAAK,IAAG,yBAAwB,WAAU,kBAAiB,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MACxF,4BAAC,QAAK,EAAA,WAAU,qBAAoB,GAAE,qCAAoC,MAAK,UAAA,CAAU,EAC3F,CAAA;AAAA,wBACC,KAAE,EAAA,MAAK,+BACN,UAAC,gBAAAA,EAAA,WAAA,EAAQ,WAAU,qBAAoB,IAAG,MAAK,IAAG,KAAI,IAAG,WAAU,IAAG,MAAK,MAAK,UAAU,CAAA,GAC5F;AAAA,MACA,gBAAAA,EAAC,QAAK,EAAA,WAAU,qBAAoB,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,UAAU,CAAA;AAAA,MAC/E,gBAAAA,EAAA,QAAA,EAAK,WAAU,sBAAqB,GAAE,KAAI,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACtF,gBAAAA,EAAA,QAAA,EAAK,WAAU,qBAAoB,GAAE,MAAK,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACtF,gBAAAA,EAAA,QAAA,EAAK,WAAU,sBAAqB,GAAE,MAAK,GAAE,MAAK,OAAM,KAAI,QAAO,MAAK,MAAK,WAAU;AAAA,MACxF,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,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,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}

package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js

@@ -102,7 +102,7 @@ const K = {
             $background: "BLACK_3",
             $borderColor: "BLACK_5",
             isVisible: x,
-            children: /* @__PURE__ */ a(G, { text: V, speed: 10 })
+            children: /* @__PURE__ */ a(G, { text: V, speed: 20 })
           }
         ) })
       ]

package/dist/features/auth/comps/animated-avatar-message/animated-avatar-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"animated-avatar-message.js","sources":["../../../../../src/features/auth/comps/animated-avatar-message/animated-avatar-message.tsx"],"sourcesContent":["import {\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n  useEffect,\n  type FC,\n  useMemo,\n  memo,\n} from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport { ANIMATION_SEGMENTS, FADE_TIMEOUT } from './animated-avatar-message-constants';\nimport * as Styled from './animated-avatar-message-styled';\nimport type { IAnimatedAvatarMessageProps } from './animated-avatar-message-types';\nimport AnimatedText from './animated-text/animated-text';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n};\n\nconst AnimatedAvatarMessage: FC<IAnimatedAvatarMessageProps> = ({\n  message,\n  confirmationMessage,\n  onShowContent,\n  confirmationFrames,\n  completionFrames,\n  isConfirmationVisible,\n  ref,\n  height = 'auto',\n  idleFrames,\n}) => {\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isMessageVisible, setIsMessageVisible] = useState(false);\n  const [isConfirmationAnimationPlayed, setIsConfirmationAnimationPlayed] = useState(false);\n  const [isConfirmationMessageVisible, setIsConfirmationMessageVisible] =\n    useState(isConfirmationVisible);\n  const shouldUseCustomIdleFrames = useRef(false);\n  const idleFramesRef = useRef(idleFrames);\n\n  const playIdleLoop = useCallback(() => {\n    const animation = animationRef.current;\n\n    if (!animation) return;\n\n    animation.removeEventListener('complete', playIdleLoop);\n    animation.setLoop(true);\n\n    const idleSegment =\n      shouldUseCustomIdleFrames.current && idleFramesRef.current\n        ? idleFramesRef.current\n        : ANIMATION_SEGMENTS.IDLE;\n\n    animation.playSegments(idleSegment, true);\n  }, []);\n\n  const handleLottieRender = useCallback(() => {\n    const animation = animationRef.current;\n\n    if (!animation) return;\n\n    animation.playSegments(ANIMATION_SEGMENTS.INITIAL, true);\n\n    const onComplete = () => {\n      animation.removeEventListener('complete', onComplete);\n      setIsMessageVisible(true);\n      onShowContent(true);\n      animation.playSegments(ANIMATION_SEGMENTS.FINAL, true);\n      animation.addEventListener('complete', playIdleLoop);\n    };\n\n    animation.addEventListener('complete', onComplete);\n  }, [onShowContent, playIdleLoop]);\n\n  const playAnimation = useCallback(\n    (frames: [number, number]) => {\n      const animation = animationRef.current;\n\n      if (!animation) return;\n\n      animation.setLoop(false);\n      animation.playSegments(frames, true);\n      animation.addEventListener('complete', playIdleLoop);\n    },\n    [playIdleLoop],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      fadeOutMessageAndPlayCompletion: () =>\n        new Promise<void>(resolve => {\n          onShowContent(false);\n          setIsConfirmationAnimationPlayed(false);\n          if (completionFrames && isConfirmationAnimationPlayed) {\n            shouldUseCustomIdleFrames.current = false;\n            playAnimation(completionFrames);\n          }\n          timeoutRef.current = setTimeout(() => {\n            setIsMessageVisible(false);\n            resolve();\n          }, FADE_TIMEOUT);\n        }),\n\n      playConfirmationFrames: () =>\n        new Promise<void>(resolve => {\n          if (!isConfirmationAnimationPlayed) {\n            if (completionFrames) {\n              setIsConfirmationAnimationPlayed(true);\n            }\n            shouldUseCustomIdleFrames.current = !!idleFramesRef.current;\n            playAnimation(confirmationFrames);\n          }\n\n          if (confirmationMessage) {\n            setIsMessageVisible(false);\n          }\n          timeoutRef.current = setTimeout(() => {\n            if (confirmationMessage) {\n              setIsConfirmationMessageVisible(true);\n            }\n            setIsMessageVisible(true);\n            resolve();\n          }, FADE_TIMEOUT);\n        }),\n    }),\n    [\n      completionFrames,\n      confirmationFrames,\n      confirmationMessage,\n      isConfirmationAnimationPlayed,\n      onShowContent,\n      playAnimation,\n    ],\n  );\n\n  const displayMessage = useMemo(() => {\n    return isConfirmationMessageVisible && confirmationMessage ? confirmationMessage : message;\n  }, [isConfirmationMessageVisible, confirmationMessage, message]);\n\n  useEffect(() => {\n    idleFramesRef.current = idleFrames;\n  }, [idleFrames]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setIsConfirmationMessageVisible(isConfirmationVisible);\n  }, [isConfirmationVisible]);\n\n  useEffect(() => {\n    setIsMessageVisible(true);\n    onShowContent(true);\n  }, [message, onShowContent]);\n\n  return (\n    <Styled.Wrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"flex-start\"\n      $alignItems=\"center\"\n      $flexColumnGapX={0.5}\n      $height={height}\n    >\n      <FlexView>\n        <LottieAnimation\n          width={118}\n          height={119}\n          src={LOTTIE.ANIMATED_AVATAR}\n          ref={animationRef}\n          onRender={handleLottieRender}\n          settings={animationSettings}\n        />\n      </FlexView>\n      {isMessageVisible && (\n        <FlexView $flex={1}>\n          <Styled.MessageWrapper\n            $gutterX={1}\n            $gapX={0.5}\n            $background=\"BLACK_3\"\n            $borderColor=\"BLACK_5\"\n            isVisible={isMessageVisible}\n          >\n            <AnimatedText text={displayMessage} speed={10} />\n          </Styled.MessageWrapper>\n        </FlexView>\n      )}\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(AnimatedAvatarMessage);\n"],"names":["animationSettings","AnimatedAvatarMessage","message","confirmationMessage","onShowContent","confirmationFrames","completionFrames","isConfirmationVisible","ref","height","idleFrames","animationRef","useRef","timeoutRef","isMessageVisible","setIsMessageVisible","useState","isConfirmationAnimationPlayed","setIsConfirmationAnimationPlayed","isConfirmationMessageVisible","setIsConfirmationMessageVisible","shouldUseCustomIdleFrames","idleFramesRef","playIdleLoop","useCallback","animation","idleSegment","ANIMATION_SEGMENTS","handleLottieRender","onComplete","playAnimation","frames","useImperativeHandle","resolve","FADE_TIMEOUT","displayMessage","useMemo","useEffect","jsxs","Styled.Wrapper","jsx","FlexView","LottieAnimation","LOTTIE","Styled.MessageWrapper","AnimatedText","animatedAvatarMessage","memo"],"mappings":"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"}
+{"version":3,"file":"animated-avatar-message.js","sources":["../../../../../src/features/auth/comps/animated-avatar-message/animated-avatar-message.tsx"],"sourcesContent":["import {\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n  useEffect,\n  type FC,\n  useMemo,\n  memo,\n} from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../ui/lottie-animation/types';\nimport { ANIMATION_SEGMENTS, FADE_TIMEOUT } from './animated-avatar-message-constants';\nimport * as Styled from './animated-avatar-message-styled';\nimport type { IAnimatedAvatarMessageProps } from './animated-avatar-message-types';\nimport AnimatedText from './animated-text/animated-text';\n\nconst animationSettings = {\n  autoplay: false,\n  loop: false,\n  renderer: 'canvas',\n};\n\nconst AnimatedAvatarMessage: FC<IAnimatedAvatarMessageProps> = ({\n  message,\n  confirmationMessage,\n  onShowContent,\n  confirmationFrames,\n  completionFrames,\n  isConfirmationVisible,\n  ref,\n  height = 'auto',\n  idleFrames,\n}) => {\n  const animationRef = useRef<ILottieAnimationRef | null>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [isMessageVisible, setIsMessageVisible] = useState(false);\n  const [isConfirmationAnimationPlayed, setIsConfirmationAnimationPlayed] = useState(false);\n  const [isConfirmationMessageVisible, setIsConfirmationMessageVisible] =\n    useState(isConfirmationVisible);\n  const shouldUseCustomIdleFrames = useRef(false);\n  const idleFramesRef = useRef(idleFrames);\n\n  const playIdleLoop = useCallback(() => {\n    const animation = animationRef.current;\n\n    if (!animation) return;\n\n    animation.removeEventListener('complete', playIdleLoop);\n    animation.setLoop(true);\n\n    const idleSegment =\n      shouldUseCustomIdleFrames.current && idleFramesRef.current\n        ? idleFramesRef.current\n        : ANIMATION_SEGMENTS.IDLE;\n\n    animation.playSegments(idleSegment, true);\n  }, []);\n\n  const handleLottieRender = useCallback(() => {\n    const animation = animationRef.current;\n\n    if (!animation) return;\n\n    animation.playSegments(ANIMATION_SEGMENTS.INITIAL, true);\n\n    const onComplete = () => {\n      animation.removeEventListener('complete', onComplete);\n      setIsMessageVisible(true);\n      onShowContent(true);\n      animation.playSegments(ANIMATION_SEGMENTS.FINAL, true);\n      animation.addEventListener('complete', playIdleLoop);\n    };\n\n    animation.addEventListener('complete', onComplete);\n  }, [onShowContent, playIdleLoop]);\n\n  const playAnimation = useCallback(\n    (frames: [number, number]) => {\n      const animation = animationRef.current;\n\n      if (!animation) return;\n\n      animation.setLoop(false);\n      animation.playSegments(frames, true);\n      animation.addEventListener('complete', playIdleLoop);\n    },\n    [playIdleLoop],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      fadeOutMessageAndPlayCompletion: () =>\n        new Promise<void>(resolve => {\n          onShowContent(false);\n          setIsConfirmationAnimationPlayed(false);\n          if (completionFrames && isConfirmationAnimationPlayed) {\n            shouldUseCustomIdleFrames.current = false;\n            playAnimation(completionFrames);\n          }\n          timeoutRef.current = setTimeout(() => {\n            setIsMessageVisible(false);\n            resolve();\n          }, FADE_TIMEOUT);\n        }),\n\n      playConfirmationFrames: () =>\n        new Promise<void>(resolve => {\n          if (!isConfirmationAnimationPlayed) {\n            if (completionFrames) {\n              setIsConfirmationAnimationPlayed(true);\n            }\n            shouldUseCustomIdleFrames.current = !!idleFramesRef.current;\n            playAnimation(confirmationFrames);\n          }\n\n          if (confirmationMessage) {\n            setIsMessageVisible(false);\n          }\n          timeoutRef.current = setTimeout(() => {\n            if (confirmationMessage) {\n              setIsConfirmationMessageVisible(true);\n            }\n            setIsMessageVisible(true);\n            resolve();\n          }, FADE_TIMEOUT);\n        }),\n    }),\n    [\n      completionFrames,\n      confirmationFrames,\n      confirmationMessage,\n      isConfirmationAnimationPlayed,\n      onShowContent,\n      playAnimation,\n    ],\n  );\n\n  const displayMessage = useMemo(() => {\n    return isConfirmationMessageVisible && confirmationMessage ? confirmationMessage : message;\n  }, [isConfirmationMessageVisible, confirmationMessage, message]);\n\n  useEffect(() => {\n    idleFramesRef.current = idleFrames;\n  }, [idleFrames]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setIsConfirmationMessageVisible(isConfirmationVisible);\n  }, [isConfirmationVisible]);\n\n  useEffect(() => {\n    setIsMessageVisible(true);\n    onShowContent(true);\n  }, [message, onShowContent]);\n\n  return (\n    <Styled.Wrapper\n      $flexDirection=\"row\"\n      $justifyContent=\"flex-start\"\n      $alignItems=\"center\"\n      $flexColumnGapX={0.5}\n      $height={height}\n    >\n      <FlexView>\n        <LottieAnimation\n          width={118}\n          height={119}\n          src={LOTTIE.ANIMATED_AVATAR}\n          ref={animationRef}\n          onRender={handleLottieRender}\n          settings={animationSettings}\n        />\n      </FlexView>\n      {isMessageVisible && (\n        <FlexView $flex={1}>\n          <Styled.MessageWrapper\n            $gutterX={1}\n            $gapX={0.5}\n            $background=\"BLACK_3\"\n            $borderColor=\"BLACK_5\"\n            isVisible={isMessageVisible}\n          >\n            <AnimatedText text={displayMessage} speed={20} />\n          </Styled.MessageWrapper>\n        </FlexView>\n      )}\n    </Styled.Wrapper>\n  );\n};\n\nexport default memo(AnimatedAvatarMessage);\n"],"names":["animationSettings","AnimatedAvatarMessage","message","confirmationMessage","onShowContent","confirmationFrames","completionFrames","isConfirmationVisible","ref","height","idleFrames","animationRef","useRef","timeoutRef","isMessageVisible","setIsMessageVisible","useState","isConfirmationAnimationPlayed","setIsConfirmationAnimationPlayed","isConfirmationMessageVisible","setIsConfirmationMessageVisible","shouldUseCustomIdleFrames","idleFramesRef","playIdleLoop","useCallback","animation","idleSegment","ANIMATION_SEGMENTS","handleLottieRender","onComplete","playAnimation","frames","useImperativeHandle","resolve","FADE_TIMEOUT","displayMessage","useMemo","useEffect","jsxs","Styled.Wrapper","jsx","FlexView","LottieAnimation","LOTTIE","Styled.MessageWrapper","AnimatedText","animatedAvatarMessage","memo"],"mappings":"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"}

package/dist/features/auth/comps/pill-button/pill-button-styled.js

@@ -1,10 +1,10 @@
-import n, { css as p } from "styled-components";
+import l, { css as a } from "styled-components";
 import u from "../../../ui/layout/flex-view.js";
 import $ from "../../../ui/text/text.js";
-const g = n.button`
-  ${({ selected: o, disabled: r, width: t, height: l, borderColor: e, theme: i, isTransparent: s }) => {
-  const c = r ? i.colors.WHITE_T_10 : o ? i.colors.WHITE_1 : s ? i.colors.TRANSPARENT : i.colors.BLACK_1, a = r ? i.colors.WHITE_T_15 : e;
-  return p`
+const g = l.button`
+  ${({ selected: o, disabled: r, width: t, height: i, borderColor: s, theme: n, isTransparent: e }) => {
+  const c = r ? n.colors.WHITE_T_10 : o ? n.colors.WHITE_1 : e ? n.colors.TRANSPARENT : n.colors.BLACK_1, p = r ? n.colors.WHITE_T_15 : s;
+  return a`
       position: relative;
       display: inline-flex;
       align-items: center;
@@ -13,32 +13,28 @@ const g = n.button`
       transition: all 0.3s ease;
       padding: 7.5px 16px;
       border-radius: 40px;
-      border: 1px solid ${a};
+      border: 1px solid ${p};
       width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
-      height: ${l ? `${l}px` : "auto"};
+      height: ${i ? `${i}px` : "auto"};
       min-height: 37px;
       background-color: ${c};
       &:hover {
-        background-color: ${!o && !r ? i.colors.WHITE_T_10 : void 0};
+        background-color: ${!o && !r ? n.colors.WHITE_T_10 : void 0};
       }
     `;
 }}
-`, d = n(u)`
+`, d = l(u)`
   visibility: ${({ $showLottie: o }) => o ? "visible" : "hidden"};
-`, b = n($)`
-  transition:
-    color 0.3s ease,
-    left 0.3s ease,
-    opacity 0.8s ease;
+`, b = l($)`
+  transition: all 0.3s ease-in-out;
   position: relative;
-  opacity: ${({ isVisible: o }) => o ? 1 : 0};
 
   ${({ shouldOffsetLabel: o }) => `
     left: ${o ? "0" : "-10px"};
   `};
 
-  ${({ selected: o, disabled: r, theme: t, textColor: l }) => `
-    color: ${r ? t.colors.WHITE_T_38 : o ? t.colors.BLACK_1 : l};
+  ${({ selected: o, disabled: r, theme: t, textColor: i }) => `
+    color: ${r ? t.colors.WHITE_T_38 : o ? t.colors.BLACK_1 : i};
   `};
 `;
 export {

package/dist/features/auth/comps/pill-button/pill-button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill-button-styled.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled.button<{\n  selected: boolean;\n  disabled: boolean;\n  width?: number | string;\n  height?: number;\n  borderColor?: string;\n  isTransparent?: boolean;\n}>`\n  ${({ selected, disabled, width, height, borderColor, theme, isTransparent }) => {\n    const getDefaultBgColor = () => {\n      if (disabled) return theme.colors.WHITE_T_10;\n\n      if (selected) return theme.colors.WHITE_1;\n\n      if (isTransparent) return theme.colors.TRANSPARENT;\n\n      return theme.colors.BLACK_1;\n    };\n\n    const defaultBgColor = getDefaultBgColor();\n\n    const borderColorVal = disabled ? theme.colors.WHITE_T_15 : borderColor;\n\n    return css`\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n      transition: all 0.3s ease;\n      padding: 7.5px 16px;\n      border-radius: 40px;\n      border: 1px solid ${borderColorVal};\n      width: ${width ? `${width}` : 'auto'}${typeof width === 'number' ? 'px' : ''};\n      height: ${height ? `${height}px` : 'auto'};\n      min-height: 37px;\n      background-color: ${defaultBgColor};\n      &:hover {\n        background-color: ${!selected && !disabled ? theme.colors.WHITE_T_10 : undefined};\n      }\n    `;\n  }}\n`;\n\nexport const IconWrapper = styled(FlexView)<{\n  $showLottie: boolean;\n}>`\n  visibility: ${({ $showLottie }) => ($showLottie ? 'visible' : 'hidden')};\n`;\n\nexport const Label = styled(Text)<{\n  selected: boolean;\n  disabled: boolean;\n  shouldOffsetLabel: boolean;\n  textColor: string;\n  isVisible: boolean;\n}>`\n  transition:\n    color 0.3s ease,\n    left 0.3s ease,\n    opacity 0.8s ease;\n  position: relative;\n  opacity: ${({ isVisible }) => (isVisible ? 1 : 0)};\n\n  ${({ shouldOffsetLabel }) => `\n    left: ${shouldOffsetLabel ? '0' : '-10px'};\n  `};\n\n  ${({ selected, disabled, theme, textColor }) => `\n    color: ${disabled ? theme.colors.WHITE_T_38 : selected ? theme.colors.BLACK_1 : textColor};\n  `};\n`;\n"],"names":["Wrapper","styled","selected","disabled","width","height","borderColor","theme","isTransparent","defaultBgColor","borderColorVal","css","IconWrapper","FlexView","$showLottie","Label","Text","isVisible","shouldOffsetLabel","textColor"],"mappings":";;;AAKO,MAAMA,IAAUC,EAAO;AAAA,IAQ1B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,GAAO,eAAAC,QAAoB;AAW9E,QAAMC,IATAN,IAAiBI,EAAM,OAAO,aAE9BL,IAAiBK,EAAM,OAAO,UAE9BC,IAAsBD,EAAM,OAAO,cAEhCA,EAAM,OAAO,SAKhBG,IAAiBP,IAAWI,EAAM,OAAO,aAAaD;AAErD,SAAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKKR,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA,0BAI1BO,CAAc;AAAA,eACzBN,IAAQ,GAAGA,CAAK,KAAK,MAAM,GAAG,OAAOA,KAAU,WAAW,OAAO,EAAE;AAAA,gBAClEC,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA;AAAA,0BAErBI,CAAc;AAAA;AAAA,4BAEZ,CAACP,KAAY,CAACC,IAAWI,EAAM,OAAO,aAAa,MAAS;AAAA;AAAA;AAGtF,CAAC;AAAA,GAGUK,IAAcX,EAAOY,CAAQ;AAAA,gBAG1B,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,YAAY,QAAS;AAAA,GAG5DC,IAAQd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAYnB,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,IAAI,CAAE;AAAA;AAAA,IAE/C,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAAA,YACnBA,IAAoB,MAAM,OAAO;AAAA,GAC1C;AAAA;AAAA,IAEC,CAAC,EAAE,UAAAhB,GAAU,UAAAC,GAAU,OAAAI,GAAO,WAAAY,EAAgB,MAAA;AAAA,aACrChB,IAAWI,EAAM,OAAO,aAAaL,IAAWK,EAAM,OAAO,UAAUY,CAAS;AAAA,GAC1F;AAAA;"}
+{"version":3,"file":"pill-button-styled.js","sources":["../../../../../src/features/auth/comps/pill-button/pill-button-styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nexport const Wrapper = styled.button<{\n  selected: boolean;\n  disabled: boolean;\n  width?: number | string;\n  height?: number;\n  borderColor?: string;\n  isTransparent?: boolean;\n}>`\n  ${({ selected, disabled, width, height, borderColor, theme, isTransparent }) => {\n    const getDefaultBgColor = () => {\n      if (disabled) return theme.colors.WHITE_T_10;\n\n      if (selected) return theme.colors.WHITE_1;\n\n      if (isTransparent) return theme.colors.TRANSPARENT;\n\n      return theme.colors.BLACK_1;\n    };\n\n    const defaultBgColor = getDefaultBgColor();\n\n    const borderColorVal = disabled ? theme.colors.WHITE_T_15 : borderColor;\n\n    return css`\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      cursor: ${disabled ? 'not-allowed' : 'pointer'};\n      transition: all 0.3s ease;\n      padding: 7.5px 16px;\n      border-radius: 40px;\n      border: 1px solid ${borderColorVal};\n      width: ${width ? `${width}` : 'auto'}${typeof width === 'number' ? 'px' : ''};\n      height: ${height ? `${height}px` : 'auto'};\n      min-height: 37px;\n      background-color: ${defaultBgColor};\n      &:hover {\n        background-color: ${!selected && !disabled ? theme.colors.WHITE_T_10 : undefined};\n      }\n    `;\n  }}\n`;\n\nexport const IconWrapper = styled(FlexView)<{\n  $showLottie: boolean;\n}>`\n  visibility: ${({ $showLottie }) => ($showLottie ? 'visible' : 'hidden')};\n`;\n\nexport const Label = styled(Text)<{\n  selected: boolean;\n  disabled: boolean;\n  shouldOffsetLabel: boolean;\n  textColor: string;\n}>`\n  transition: all 0.3s ease-in-out;\n  position: relative;\n\n  ${({ shouldOffsetLabel }) => `\n    left: ${shouldOffsetLabel ? '0' : '-10px'};\n  `};\n\n  ${({ selected, disabled, theme, textColor }) => `\n    color: ${disabled ? theme.colors.WHITE_T_38 : selected ? theme.colors.BLACK_1 : textColor};\n  `};\n`;\n"],"names":["Wrapper","styled","selected","disabled","width","height","borderColor","theme","isTransparent","defaultBgColor","borderColorVal","css","IconWrapper","FlexView","$showLottie","Label","Text","shouldOffsetLabel","textColor"],"mappings":";;;AAKO,MAAMA,IAAUC,EAAO;AAAA,IAQ1B,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,QAAAC,GAAQ,aAAAC,GAAa,OAAAC,GAAO,eAAAC,QAAoB;AAW9E,QAAMC,IATAN,IAAiBI,EAAM,OAAO,aAE9BL,IAAiBK,EAAM,OAAO,UAE9BC,IAAsBD,EAAM,OAAO,cAEhCA,EAAM,OAAO,SAKhBG,IAAiBP,IAAWI,EAAM,OAAO,aAAaD;AAErD,SAAAK;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKKR,IAAW,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA,0BAI1BO,CAAc;AAAA,eACzBN,IAAQ,GAAGA,CAAK,KAAK,MAAM,GAAG,OAAOA,KAAU,WAAW,OAAO,EAAE;AAAA,gBAClEC,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA;AAAA,0BAErBI,CAAc;AAAA;AAAA,4BAEZ,CAACP,KAAY,CAACC,IAAWI,EAAM,OAAO,aAAa,MAAS;AAAA;AAAA;AAGtF,CAAC;AAAA,GAGUK,IAAcX,EAAOY,CAAQ;AAAA,gBAG1B,CAAC,EAAE,aAAAC,EAAA,MAAmBA,IAAc,YAAY,QAAS;AAAA,GAG5DC,IAAQd,EAAOe,CAAI;AAAA;AAAA;AAAA;AAAA,IAS5B,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAAA,YACnBA,IAAoB,MAAM,OAAO;AAAA,GAC1C;AAAA;AAAA,IAEC,CAAC,EAAE,UAAAf,GAAU,UAAAC,GAAU,OAAAI,GAAO,WAAAW,EAAgB,MAAA;AAAA,aACrCf,IAAWI,EAAM,OAAO,aAAaL,IAAWK,EAAM,OAAO,UAAUW,CAAS;AAAA,GAC1F;AAAA;"}

package/dist/features/auth/comps/pill-button/pill-button.js

@@ -1,82 +1,79 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { memo as y, useState as l, useCallback as c, useEffect as B } from "react";
-import { useTheme as O } from "styled-components";
-import S from "../../../ui/arrow-tooltip/arrow-tooltip.js";
-import V from "../../../ui/hooks/use-click-handler.js";
-import X from "../../../ui/layout/flex-view.js";
-import Y from "../../../ui/lottie-animation/lottie-animation.js";
-import { Wrapper as D, IconWrapper as F, Label as G } from "./pill-button-styled.js";
-const q = {
+import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { memo as _, useState as L, useCallback as l, useEffect as j } from "react";
+import { useTheme as k } from "styled-components";
+import y from "../../../ui/arrow-tooltip/arrow-tooltip.js";
+import B from "../../../ui/hooks/use-click-handler.js";
+import O from "../../../ui/layout/flex-view.js";
+import S from "../../../ui/lottie-animation/lottie-animation.js";
+import { Wrapper as X, IconWrapper as Y, Label as D } from "./pill-button-styled.js";
+const F = {
   autoplay: !0,
   loop: !0,
   renderer: "canvas"
-}, z = ({
-  id: a,
-  label: n,
+}, G = ({
+  id: i,
+  label: a,
   selected: t = !1,
   disabled: e = !1,
-  animatedLabel: i = "",
-  icon: s,
-  onClick: f,
-  tooltip: h,
-  width: C,
+  animatedLabel: u = "",
+  icon: r,
+  onClick: c,
+  tooltip: f,
+  width: A,
   analyticsLabel: $,
   analyticsProps: g,
   isTransparent: v = !1
 }) => {
-  const [w, m] = l(!1), [o, I] = l(!1), [E, p] = l(!0), [L, T] = l(n), { colors: x } = O(), u = !!i, b = c(() => {
-    f(a);
-  }, [a, f]), { handleClick: H } = V({ label: n, analyticsLabel: $, analyticsProps: g }, b);
-  B(() => {
-    if (!u || e) return;
-    const _ = setInterval(() => {
-      p(!1), setTimeout(() => {
-        I((j) => !j), T(o ? n : i), p(!0);
-      }, 400);
-    }, 1500);
-    return () => clearInterval(_);
-  }, [i, e, o, n, u]);
-  const W = c(() => m(!0), []), M = c(() => m(!1), []), d = !!s && !e && (u || t || w), P = x[o ? "YELLOW_4" : "WHITE_1"], R = x[o && !t ? "YELLOW_4" : "WHITE_1"], A = /* @__PURE__ */ r(
-    D,
+  const [C, h] = L(!1), [n, E] = L(!1), { colors: m } = k(), s = !!u, I = l(() => {
+    c(i);
+  }, [i, c]), { handleClick: w } = B({ label: a, analyticsLabel: $, analyticsProps: g }, I);
+  j(() => {
+    if (!s || e) return;
+    const M = setInterval(() => {
+      E((P) => !P);
+    }, 1e3);
+    return () => clearInterval(M);
+  }, [e, s]);
+  const H = l(() => h(!0), []), T = l(() => h(!1), []), p = !!r && !e && (s || t || C), W = m[n ? "YELLOW_4" : "WHITE_1"], b = m[n && !t ? "YELLOW_4" : "WHITE_1"], d = n ? u : a, x = /* @__PURE__ */ o(
+    X,
     {
       selected: t,
       disabled: e,
-      onClick: H,
-      onMouseEnter: W,
-      onMouseLeave: M,
-      width: C,
-      borderColor: P,
+      onClick: w,
+      onMouseEnter: H,
+      onMouseLeave: T,
+      width: A,
+      borderColor: W,
       isTransparent: v,
-      children: /* @__PURE__ */ k(
-        X,
+      children: /* @__PURE__ */ R(
+        O,
         {
           $flexDirection: "row",
           $alignItems: "center",
           $justifyContent: "center",
           $flexColumnGapX: 0.25,
           children: [
-            s && /* @__PURE__ */ r(F, { $widthX: 1, $heightX: 1, $showLottie: d, children: /* @__PURE__ */ r(Y, { src: s, settings: q }) }),
-            /* @__PURE__ */ r(
-              G,
+            r && /* @__PURE__ */ o(Y, { $widthX: 1, $heightX: 1, $showLottie: p, children: /* @__PURE__ */ o(S, { src: r, settings: F }) }),
+            /* @__PURE__ */ o(
+              D,
               {
-                shouldOffsetLabel: d || !s,
+                shouldOffsetLabel: p || !r,
                 selected: t,
                 disabled: e,
-                $renderAs: o ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2",
-                textColor: R,
-                isVisible: E,
-                children: L
+                $renderAs: n ? t ? "ub3-bold" : "ub3" : t ? "ub2-bold" : "ub2",
+                textColor: b,
+                children: d
               },
-              L
+              d
             )
           ]
         }
       )
     }
   );
-  return e && h ? /* @__PURE__ */ r(S, { renderAs: "primary", tooltipItem: h, position: "top", children: A }) : A;
-}, st = y(z);
+  return e && f ? /* @__PURE__ */ o(y, { renderAs: "primary", tooltipItem: f, position: "top", children: x }) : x;
+}, et = _(G);
 export {
-  st as default
+  et as default
 };
 //# sourceMappingURL=pill-button.js.map