@cuemath/leap 2.9.4-link.1 → 2.9.5-j1

package/dist/features/trial-session/comps/pricing/pricing-cards.js

@@ -1,35 +1,35 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import a from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/layout/flex-view.js";
 import t from "../../../ui/separator/separator.js";
 import n from "../../../ui/text/text.js";
-import g from "./board-comp.js";
-import { PricingBoard as p, ImageWrapper as f, OfferText as d } from "./pricing-styled.js";
+import p from "./board-comp.js";
+import { PricingBoard as f, ImageWrapper as y, OfferText as h } from "./pricing-styled.js";
 const c = {
   0: "WHITE_4",
   1: "GREEN_1"
-}, F = ({ pricingConfig: h, intentType: y, colorIndex: i }) => {
-  if (y === "LOW") {
+}, F = ({ pricingConfig: u, intentType: A, colorIndex: i }) => {
+  if (A === "LOW") {
     const {
-      plan_name: T,
-      original_price: m,
-      discounted_price: W,
+      plan_name: W,
+      original_price: o,
+      discounted_price: _,
       price_per_class: D,
       classes_per_cycle: H,
       billing_cycle: I,
-      offer: _,
-      currency_symbol: o
-    } = h || {};
-    return /* @__PURE__ */ e(p, { $width: 287, $height: 393, $gutterX: 2.5, $gapX: 2.125, children: [
-      /* @__PURE__ */ r(f, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(g, { width: 287, height: 393 }) }),
-      /* @__PURE__ */ e(a, { $height: "100%", $justifyContent: "space-between", children: [
+      offer: g,
+      currency_symbol: a
+    } = u || {};
+    return /* @__PURE__ */ e(f, { $width: 287, $height: 393, $gutterX: 2.5, $gapX: 2.125, children: [
+      /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
+      /* @__PURE__ */ e(d, { $height: "100%", $justifyContent: "space-between", children: [
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ r(t, { height: 50 }),
-          /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: T }),
+          /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: W }),
           /* @__PURE__ */ r(t, { height: 20 }),
-          /* @__PURE__ */ e(a, { $flexDirection: "row", $alignItems: "center", children: [
-            m ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: o + m }) : null,
-            /* @__PURE__ */ e(a, { $flexDirection: "row", $alignItems: "end", children: [
-              /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: o + W }),
+          /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "center", children: [
+            o && o !== _ ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: a + o }) : null,
+            /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "end", children: [
+              /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: a + _ }),
               /* @__PURE__ */ e(n, { $renderAs: "ab1-bold", children: [
                 "/",
                 I === "yearly" ? "year" : "month"
@@ -39,7 +39,7 @@ const c = {
           /* @__PURE__ */ r(t, { height: 4 }),
           /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
             "(",
-            o + D,
+            a + D,
             "/class)"
           ] }),
           /* @__PURE__ */ r(t, { height: 4 }),
@@ -49,30 +49,30 @@ const c = {
             " classes/mo)"
           ] })
         ] }),
-        _ && /* @__PURE__ */ r(
-          d,
+        g && /* @__PURE__ */ r(
+          h,
           {
             $renderAs: "ub3-bold",
             $background: c[i % 2] ?? "WHITE_4",
-            children: _
+            children: g
           }
         )
       ] })
     ] });
   }
   const {
-    amount: u,
-    duration: A,
+    amount: $,
+    duration: C,
     amount_after_coupon: l,
-    classes_per_week: C,
+    classes_per_week: k,
     currency_symbol: s,
-    discount_details: k,
-    fee_per_class_after_discount: w,
-    meta_text: $,
-    no_of_classes: x
-  } = h || {}, { discount_duration: b, original_plan_details: E } = k || {}, { duration: P } = E || {};
+    discount_details: w,
+    fee_per_class_after_discount: x,
+    meta_text: b,
+    no_of_classes: E
+  } = u || {}, { discount_duration: m, original_plan_details: P } = w || {}, { duration: T } = P || {};
   return /* @__PURE__ */ e(
-    p,
+    f,
     {
       $width: 287,
       $height: 393,
@@ -80,30 +80,30 @@ const c = {
       $gapX: 2.125,
       $justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ r(f, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(g, { width: 287, height: 393 }) }),
+        /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ r(t, { height: 30 }),
           /* @__PURE__ */ e(n, { $renderAs: "ah2-black", children: [
-            P || A,
+            T || C,
             " ",
             /* @__PURE__ */ r(n, { $renderAs: "ac2-black", $inline: !0, children: "Months" })
           ] }),
-          b && /* @__PURE__ */ e(
-            d,
+          m && /* @__PURE__ */ e(
+            h,
             {
               $renderAs: "ub3-bold",
               $background: c[i % 2] ?? "WHITE_4",
               children: [
                 "Get extra ",
-                b,
+                m,
                 " Months FREE"
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e("div", { children: [
-          l !== u ? /* @__PURE__ */ e(n, { $renderAs: "ab1", $textDecoration: "line-through", children: [
-            s + u,
+          l !== $ ? /* @__PURE__ */ e(n, { $renderAs: "ab1", $textDecoration: "line-through", children: [
+            s + $,
             /* @__PURE__ */ e(n, { $renderAs: "ab1-black", $inline: !0, children: [
               " ",
               s + l
@@ -111,27 +111,27 @@ const c = {
           ] }) : /* @__PURE__ */ r(n, { $renderAs: "ab1-black", $inline: !0, children: s + l }),
           /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
             "(",
-            w,
+            x,
             "/class)"
           ] })
         ] }),
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ e(n, { $renderAs: "ab1", children: [
-            x,
+            E,
             " classes"
           ] }),
           /* @__PURE__ */ e(n, { $renderAs: "ub2", children: [
             "(",
-            C * 4,
+            k * 4,
             " classes/mo)"
           ] })
         ] }),
-        $ && /* @__PURE__ */ r(
-          d,
+        b && /* @__PURE__ */ r(
+          h,
           {
             $renderAs: "ub3-bold",
             $background: c[i % 2] ?? "WHITE_4",
-            children: $
+            children: b
           }
         )
       ]

package/dist/features/trial-session/comps/pricing/pricing-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}
+{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice && originalPrice !== discountedPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":";;;;;;AAcA,MAAMA,IAAkD;AAAA,EACtD,GAAG;AAAA,EACH,GAAG;AACL,GAEMC,IAAuC,CAAC,EAAE,eAAAC,GAAe,YAAAC,GAAY,YAAAC,QAAiB;AAC1F,MAAID,MAAe,OAAO;AAClB,UAAA;AAAA,MACJ,WAAWE;AAAA,MACX,gBAAgBC;AAAA,MAChB,kBAAkBC;AAAA,MAClB,iBAAiBC;AAAA,MACjB,mBAAmBC;AAAA,MACnB,eAAeC;AAAA,MACf,OAAOC;AAAAA,MACP,iBAAiBC;AAAAA,IAAA,IACdV,KAA8C,CAAA;AAGjD,WAAA,gBAAAW,EAACC,GAAA,EAAoB,QAAQ,KAAK,SAAS,KAAK,UAAU,KAAK,OAAO,OACpE,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,QAAQhB,EAAmBI,IAAa,CAAC,KAAK,WACjE,4BAACa,GAAiB,EAAA,OAAO,KAAK,QAAQ,IAAK,CAAA,GAC7C;AAAA,MACC,gBAAAJ,EAAAK,GAAA,EAAS,SAAQ,QAAO,iBAAgB,iBACvC,UAAA;AAAA,QAAA,gBAAAL,EAAC,OACC,EAAA,UAAA;AAAA,UAAC,gBAAAE,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACtB,gBAAAJ,EAAAK,GAAA,EAAK,WAAU,aAAa,UAAYf,GAAA;AAAA,UACzC,gBAAAU,EAACI,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,UACtB,gBAAAN,EAAAK,GAAA,EAAS,gBAAe,OAAM,aAAY,UACxC,UAAA;AAAA,YAAiBZ,KAAAA,MAAkBC,IAClC,gBAAAQ,EAACK,GAAK,EAAA,WAAU,YAAW,iBAAgB,gBACxC,UAAAR,IAAiBN,EAAA,CACpB,IACE;AAAA,YACH,gBAAAO,EAAAK,GAAA,EAAS,gBAAe,OAAM,aAAY,OACzC,UAAA;AAAA,cAAA,gBAAAH,EAACK,GAAK,EAAA,WAAU,YAAY,UAAAR,IAAiBL,GAAgB;AAAA,cAC7D,gBAAAM,EAACO,GAAK,EAAA,WAAU,YAAW,UAAA;AAAA,gBAAA;AAAA,gBAAEV,MAAiB,WAAW,SAAS;AAAA,cAAA,GAAQ;AAAA,YAAA,GAC5E;AAAA,UAAA,GACF;AAAA,UACA,gBAAAK,EAACI,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,UACtB,gBAAAN,EAACO,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YAAER,IAAiBJ;AAAA,YAAc;AAAA,UAAA,GAAO;AAAA,UAC9D,gBAAAO,EAACI,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,UACtB,gBAAAN,EAACO,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YAAEX;AAAA,YAAgB;AAAA,UAAA,GAAY;AAAA,QAAA,GACtD;AAAA,QAECE,KACC,gBAAAI;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAarB,EAAmBI,IAAa,CAAC,KAAK;AAAA,YAElD,UAAAO;AAAAA,UAAA;AAAA,QACH;AAAA,MAAA,GAEJ;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AAEM,QAAA;AAAA,IACJ,QAAAW;AAAA,IACA,UAAUC;AAAA,IACV,qBAAqBC;AAAA,IACrB,kBAAkBC;AAAA,IAClB,iBAAiBb;AAAA,IACjB,kBAAkBc;AAAA,IAClB,8BAA8BC;AAAA,IAC9B,WAAWhB;AAAA,IACX,eAAeiB;AAAA,EAAA,IACZ1B,KAAqC,CAAA,GACpC,EAAE,mBAAmB2B,GAAkB,uBAAuBC,EAAoB,IACtFJ,KAAmB,IACf,EAAE,UAAAK,EAAA,IAAaD,KAAuB;AAG1C,SAAA,gBAAAjB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,iBAAgB;AAAA,MAEhB,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAoB,QAAQhB,EAAmBI,IAAa,CAAC,KAAK,WACjE,4BAACa,GAAiB,EAAA,OAAO,KAAK,QAAQ,IAAK,CAAA,GAC7C;AAAA,0BACC,OACC,EAAA,UAAA;AAAA,UAAC,gBAAAF,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,UACvB,gBAAAN,EAACO,GAAK,EAAA,WAAU,aACb,UAAA;AAAA,YAAYW,KAAAR;AAAA,YAAsB;AAAA,8BAClCH,GAAK,EAAA,WAAU,aAAY,SAAO,IAAC,UAEpC,UAAA;AAAA,UAAA,GACF;AAAA,UACCS,KACC,gBAAAhB;AAAA,YAACQ;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aAAarB,EAAmBI,IAAa,CAAC,KAAK;AAAA,cACpD,UAAA;AAAA,gBAAA;AAAA,gBACYyB;AAAA,gBAAiB;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B;AAAA,QAAA,GAEJ;AAAA,0BAEC,OACE,EAAA,UAAA;AAAA,UAAAL,MAAsBF,IACpB,gBAAAT,EAAAO,GAAA,EAAK,WAAU,OAAM,iBAAgB,gBACnC,UAAA;AAAA,YAAiBR,IAAAU;AAAA,YACjB,gBAAAT,EAAAO,GAAA,EAAK,WAAU,aAAY,SAAO,IAAC,UAAA;AAAA,cAAA;AAAA,cAEjCR,IAAiBY;AAAA,YAAA,GACpB;AAAA,UACF,EAAA,CAAA,sBAECJ,GAAK,EAAA,WAAU,aAAY,SAAO,IAChC,cAAiBI,EACpB,CAAA;AAAA,UAEF,gBAAAX,EAACO,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YAAEO;AAAA,YAAyB;AAAA,UAAA,GAAO;AAAA,QAAA,GAC1D;AAAA,0BAEC,OACC,EAAA,UAAA;AAAA,UAAC,gBAAAd,EAAAO,GAAA,EAAK,WAAU,OAAO,UAAA;AAAA,YAAAQ;AAAA,YAAY;AAAA,UAAA,GAAQ;AAAA,UAC3C,gBAAAf,EAACO,GAAK,EAAA,WAAU,OAAM,UAAA;AAAA,YAAA;AAAA,YAAEK,IAAiB;AAAA,YAAE;AAAA,UAAA,GAAY;AAAA,QAAA,GACzD;AAAA,QAECd,KACC,gBAAAI;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAarB,EAAmBI,IAAa,CAAC,KAAK;AAAA,YAElD,UAAAO;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1,27 +1,29 @@
-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 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(
-        $,
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { memo as a, useRef as f, isValidElement as d, cloneElement as x } from "react";
+import $ from "../hooks/use-context-menu-click-handler.js";
+import { TargetElementWrapper as C, OptionsMenuWrapper as M, MenuElementWrapper as h } from "./context-menu-styled.js";
+const k = a(
+  ({ targetElement: e, menuElement: i, menuOffset: l, startLeft: s, menuZIndex: m, placeTop: n }) => {
+    const t = f(null), { menuVisible: o, onMenuClick: c } = $(t), p = d(e) ? x(e, {
+      menuVisible: o
+    }) : e;
+    return /* @__PURE__ */ u(C, { ref: t, onClick: c, children: [
+      p,
+      /* @__PURE__ */ r(
+        M,
         {
-          $menuOffset: i,
-          $visible: s,
-          $startLeft: l,
+          $menuOffset: l,
+          $visible: o,
+          $startLeft: s,
           $menuZIndex: m,
-          $placeTop: e,
-          children: /* @__PURE__ */ t(d, { $placeTop: e, children: o })
+          $placeTop: n,
+          children: /* @__PURE__ */ r(h, { $placeTop: n, children: i })
         }
       )
     ] });
   }
-), b = C;
+), j = k;
 export {
-  b as default
+  j 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","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;"}
+{"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 { cloneElement, isValidElement, 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    const enhancedTargetElement = isValidElement(targetElement)\n      ? cloneElement(targetElement as React.ReactElement<{ menuVisible?: boolean }>, {\n          menuVisible,\n        })\n      : targetElement;\n\n    return (\n      <Styled.TargetElementWrapper ref={containerRef} onClick={onMenuClick}>\n        {enhancedTargetElement}\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","enhancedTargetElement","isValidElement","cloneElement","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,GAEtEK,IAAwBC,EAAeZ,CAAa,IACtDa,EAAab,GAAgE;AAAA,MAC3E,aAAAQ;AAAA,IACD,CAAA,IACDR;AAEJ,6BACGc,GAAA,EAA4B,KAAKR,GAAc,SAASG,GACtD,UAAA;AAAA,MAAAE;AAAA,MAED,gBAAAI;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAad;AAAA,UACb,UAAUM;AAAA,UACV,YAAYL;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UAEX,4BAACY,GAAA,EAA0B,WAAWZ,GAAW,UAAYJ,GAAA;AAAA,QAAA;AAAA,MAC/D;AAAA,IACF,EAAA,CAAA;AAAA,EAEJ;AACF,GAEAiB,IAAepB;"}

package/dist/features/ui/image/image.js

@@ -1,30 +1,30 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { memo as g, useState as f } from "react";
 import t from "styled-components";
-import { skeletonLoadingAnimation as p } from "../constants/style.js";
+import { skeletonLoadingAnimation as c } from "../constants/style.js";
 import i from "../layout/flex-view.js";
-const L = t(i)`
-  animation: ${p} 2s linear infinite;
+const p = t(i)`
+  animation: ${c} 2s linear infinite;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
-`, c = t(i)`
+`, L = t(i)`
   overflow: hidden;
   position: relative;
-`, v = g(
-  ({ borderRadius: r = 0, borderColor: n, withLoader: a, ...o }) => {
+`, u = g(
+  ({ borderRadius: n = 0, borderColor: r, withLoader: a, ...o }) => {
     const { width: s, height: d } = o, [m, l] = f(!0);
     return /* @__PURE__ */ h(
-      c,
+      L,
       {
         $width: s,
         $height: d,
-        $borderColor: n,
-        $borderRadius: r,
+        $borderColor: r,
+        $borderRadius: n,
         children: [
-          m && a && /* @__PURE__ */ e(L, { $inherit: !0 }),
+          m && a && /* @__PURE__ */ e(p, { $inherit: !0 }),
           /* @__PURE__ */ e("img", { onLoad: () => {
             l(!1);
           }, ...o })
@@ -32,8 +32,8 @@ const L = t(i)`
       }
     );
   }
-);
+), F = u;
 export {
-  v as default
+  F as default
 };
 //# sourceMappingURL=image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF;"}
+{"version":3,"file":"image.js","sources":["../../../../src/features/ui/image/image.tsx"],"sourcesContent":["import type { IImageProps } from './image-types';\n\nimport { useState, memo } from 'react';\nimport styled from 'styled-components';\n\nimport { skeletonLoadingAnimation } from '../constants/style';\nimport FlexView from '../layout/flex-view';\n\nconst LoadingFlexView = styled(FlexView)`\n  animation: ${skeletonLoadingAnimation} 2s linear infinite;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n`;\n\nconst ImageWrapper = styled(FlexView)`\n  overflow: hidden;\n  position: relative;\n`;\n\nconst Image: React.FC<IImageProps> = memo(\n  ({ borderRadius = 0, borderColor, withLoader, ...props }) => {\n    const { width, height } = props;\n    const [isLoading, setIsLoading] = useState(true);\n    const handleImgLoaded = () => {\n      setIsLoading(false);\n    };\n    const showLoader = isLoading && withLoader;\n\n    return (\n      <ImageWrapper\n        $width={width}\n        $height={height}\n        $borderColor={borderColor}\n        $borderRadius={borderRadius}\n      >\n        {showLoader && <LoadingFlexView $inherit={true} />}\n        <img onLoad={handleImgLoaded} {...props} />\n      </ImageWrapper>\n    );\n  },\n);\n\nexport default Image;\n"],"names":["LoadingFlexView","styled","FlexView","skeletonLoadingAnimation","ImageWrapper","Image","memo","borderRadius","borderColor","withLoader","props","width","height","isLoading","setIsLoading","useState","jsxs","jsx","Image$1"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAOC,CAAQ;AAAA,eACxBC,CAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjCC,IAAeH,EAAOC,CAAQ;AAAA;AAAA;AAAA,GAK9BG,IAA+BC;AAAA,EACnC,CAAC,EAAE,cAAAC,IAAe,GAAG,aAAAC,GAAa,YAAAC,GAAY,GAAGC,QAAY;AACrD,UAAA,EAAE,OAAAC,GAAO,QAAAC,EAAW,IAAAF,GACpB,CAACG,GAAWC,CAAY,IAAIC,EAAS,EAAI;AAO7C,WAAA,gBAAAC;AAAA,MAACZ;AAAA,MAAA;AAAA,QACC,QAAQO;AAAA,QACR,SAASC;AAAA,QACT,cAAcJ;AAAA,QACd,eAAeD;AAAA,QAEd,UAAA;AAAA,UATcM,KAAaJ,KASb,gBAAAQ,EAACjB,GAAgB,EAAA,UAAU,GAAM,CAAA;AAAA,UAC/C,gBAAAiB,EAAA,OAAA,EAAI,QAbe,MAAM;AAC5B,YAAAH,EAAa,EAAK;AAAA,UAAA,GAYe,GAAGJ,EAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/C;AACF,GAEAQ,IAAeb;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -1,13 +1,14 @@
-const c = async (o) => {
+const o = /* @__PURE__ */ new Map(), h = async (t) => {
+  if (o.has(t)) return o.get(t);
   let e = null;
   try {
-    e = await fetch(o).then((t) => t.json()).catch(() => null);
-  } catch (t) {
-    console.log("Error while fetching the lottie: ", t);
+    e = await fetch(t).then((n) => n.json()).catch(() => null), e && o.set(t, e);
+  } catch (n) {
+    console.log("Error while fetching the lottie: ", n);
   }
   return e;
 };
 export {
-  c as fetchLottie
+  h as fetchLottie
 };
 //# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst lottieCache = new Map<string, any>();\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  if (lottieCache.has(lottieSrc)) return lottieCache.get(lottieSrc);\n\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n    if (lottieJson) {\n      lottieCache.set(lottieSrc, lottieJson);\n    }\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["lottieCache","fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAGA,MAAMA,wBAAkB,OAEXC,IAAc,OAAOC,MAAqD;AACrF,MAAIF,EAAY,IAAIE,CAAS,EAAU,QAAAF,EAAY,IAAIE,CAAS;AAEhE,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI,GACfD,KACUH,EAAA,IAAIE,GAAWC,CAAU;AAAA,WAEhCE,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -1,51 +1,60 @@
-import { jsx as L } from "react/jsx-runtime";
-import w from "lottie-web";
-import { memo as y, forwardRef as b, useRef as c, useImperativeHandle as A, useEffect as E } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import g from "lottie-web";
+import { memo as w, forwardRef as y, useRef as u, useImperativeHandle as b, useEffect as A } from "react";
 import I from "../layout/flex-view.js";
 import { fetchLottie as $ } from "./helper.js";
-const x = b((p, h) => {
+const x = y((v, p) => {
   const {
-    src: s,
-    width: v = "100%",
-    height: g = "100%",
-    settings: u,
-    eventListener: r,
-    onRender: i,
-    animateOnIntersect: o
-  } = p, n = c(null), t = c(null), a = c(null);
-  return A(
-    h,
+    src: m,
+    width: L = "100%",
+    height: h = "100%",
+    settings: l,
+    eventListener: n,
+    onRender: a,
+    animateOnIntersect: c
+  } = v, o = u(null), r = u(null), s = u(null);
+  return b(
+    p,
     () => ({
-      playSegments: (m, e) => {
-        t.current && t.current.playSegments(m, e);
+      playSegments: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.playSegments(i, e);
+      },
+      addEventListener: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.addEventListener(i, e);
+      },
+      removeEventListener: (i, e) => {
+        var t;
+        return (t = r.current) == null ? void 0 : t.removeEventListener(i, e);
       }
     }),
     []
-  ), E(() => ((async () => {
+  ), A(() => ((async () => {
     try {
-      const e = await $(s);
-      n.current && (t.current = w.loadAnimation({
-        container: n.current,
+      const e = await $(m);
+      o.current && (r.current = g.loadAnimation({
+        container: o.current,
         animationData: e,
         renderer: "svg",
         loop: !0,
         autoplay: !0,
-        ...u
-      }), o && (a.current = new IntersectionObserver(
-        ([l]) => {
+        ...l
+      }), c && (s.current = new IntersectionObserver(
+        ([t]) => {
           var f, d;
-          l && l.isIntersecting ? (f = t.current) == null || f.play() : (d = t.current) == null || d.pause();
+          t && t.isIntersecting ? (f = r.current) == null || f.play() : (d = r.current) == null || d.pause();
         },
         { threshold: 0 }
-      ), n.current && a.current.observe(n.current)), i == null || i(), r && t.current.addEventListener(r.name, r.callback));
+      ), o.current && s.current.observe(o.current)), a == null || a(), n && r.current.addEventListener(n.name, n.callback));
     } catch (e) {
       throw Error(`Error loading Lottie animation: ${e}`);
     }
   })(), () => {
     var e;
-    t.current && (r && t.current.removeEventListener(r.name, r.callback), o && ((e = a.current) == null || e.disconnect()), t.current.destroy());
-  }), [s, r, i, o, u]), /* @__PURE__ */ L(I, { ref: n, $width: v, $height: g });
-}), F = y(x);
+    r.current && (n && r.current.removeEventListener(n.name, n.callback), c && ((e = s.current) == null || e.disconnect()), r.current.destroy());
+  }), [m, n, a, c, l]), /* @__PURE__ */ E(I, { ref: o, $width: L, $height: h });
+}), F = w(x);
 export {
   F as default
 };

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            if (container.current) {\n              intersectionObserver.current.observe(container.current);\n            }\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","entry","_a","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MAAwB;AACjE,QAAIJ,EAAkB,WACFA,EAAA,QAAQ,aAAaG,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYhB,CAAG;AAE3C,MAAIO,EAAU,YACME,EAAA,UAAUQ,EAAO,cAAc;AAAA,QAC/C,WAAWV,EAAU;AAAA,QACrB,eAAAQ;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGZ;AAAA,MAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,QACjC,CAAC,CAACQ,CAAK,MAAM;;AACP,UAAAA,KAASA,EAAM,kBACjBC,IAAAV,EAAkB,YAAlB,QAAAU,EAA2B,UAE3BC,IAAAX,EAAkB,YAAlB,QAAAW,EAA2B;AAAA,QAE/B;AAAA,QACA,EAAE,WAAW,EAAE;AAAA,MAAA,GAGbb,EAAU,WACSG,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAI/CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFiB,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;;AACX,IAAIZ,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFa,IAAAT,EAAqB,YAArB,QAAAS,EAA8B,eAEhCV,EAAkB,QAAQ;EAC5B,IAED,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDmB,GAAS,EAAA,KAAKf,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcqB,IAAAC,EAAK5B,CAAe;"}
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: [number, number], forceFlag?: boolean) =>\n        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            if (container.current) {\n              intersectionObserver.current.observe(container.current);\n            }\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,IAAQ;AAAA,IAE5F,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYnB,CAAG;AAE3C,MAAIO,EAAU,YACME,EAAA,UAAUW,EAAO,cAAc;AAAA,QAC/C,WAAWb,EAAU;AAAA,QACrB,eAAAW;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGf;AAAA,MAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,QACjC,CAAC,CAACW,CAAK,MAAM;;AACP,UAAAA,KAASA,EAAM,kBACjBP,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BQ,IAAAb,EAAkB,YAAlB,QAAAa,EAA2B;AAAA,QAE/B;AAAA,QACA,EAAE,WAAW,EAAE;AAAA,MAAA,GAGbf,EAAU,WACSG,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAI/CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFmB,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;;AACX,IAAId,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;EAC5B,IAED,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDqB,GAAS,EAAA,KAAKjB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcuB,IAAAC,EAAK9B,CAAe;"}

package/dist/features/ui/text/text.js

@@ -1,48 +1,50 @@
-import h from "styled-components";
-const x = h.div(
+import k from "styled-components";
+const x = k.div(
   ({
-    theme: s,
-    $renderAs: f,
+    theme: f,
+    $renderAs: c,
     $color: n,
-    $align: c = "left",
+    $align: y = "left",
     $width: t,
     $widthX: o,
     $marginBottom: e,
     $marginBottomX: i,
     $alignSelf: l,
-    $opacity: y = 1,
-    $inline: u,
-    $textDecoration: p
+    $opacity: u = 1,
+    $inline: m,
+    $textDecoration: p,
+    $whiteSpace: $
   }) => {
-    const { text: m, colors: r, layout: $ } = s, {
-      fontFamily: b,
-      fontSize: g,
-      lineHeight: d,
-      letterSpacing: a,
-      textTransform: T = "none"
-    } = m[f];
+    const { text: b, colors: r, layout: a } = f, {
+      fontFamily: g,
+      fontSize: d,
+      lineHeight: T,
+      letterSpacing: s,
+      textTransform: h = "none"
+    } = b[c];
     return `
-      display: ${u ? "inline-block" : "block"};
-      font-family: ${b};
-      font-size: ${g}px;
-      text-align: ${c};
-      line-height: ${d}px;
-      text-transform: ${T};
-      ${typeof a == "number" ? `letter-spacing: ${a}px;` : ""}
+      display: ${m ? "inline-block" : "block"};
+      font-family: ${g};
+      font-size: ${d}px;
+      text-align: ${y};
+      line-height: ${T}px;
+      text-transform: ${h};
+      ${typeof s == "number" ? `letter-spacing: ${s}px;` : ""}
       color: ${n ? r[n] : r.BLACK};
-      opacity: ${y};
+      opacity: ${u};
       width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
-      ${o ? `width: ${o * $.gutter}px;` : ""}
+      ${o ? `width: ${o * a.gutter}px;` : ""}
       margin-bottom: ${e ? `${e}` : "initial"}${typeof e == "number" ? "px" : ""};
-      ${i ? `margin-bottom: ${i * $.gutter}px;` : ""}
+      ${i ? `margin-bottom: ${i * a.gutter}px;` : ""}
       ${l ? `align-self: ${l};` : ""}
       ${p ? `text-decoration: ${p};` : ""}
+      ${$ ? `white-space: ${$};` : ""}
     `;
   }
 );
 x.displayName = "Text";
-const z = x;
+const v = x;
 export {
-  z as default
+  v as default
 };
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport styled from 'styled-components';\n\nexport interface TextProps {\n  $renderAs: TTextVariants;\n  $color?: TColorNames;\n  $align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n  $opacity?: number | undefined;\n  $width?: number | string;\n  $widthX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $inline?: boolean;\n  $textDecoration?: string;\n}\n\n/**\n * @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n */\nconst Text = styled.div<TextProps>(\n  ({\n    theme,\n    $renderAs,\n    $color,\n    $align = 'left',\n    $width,\n    $widthX,\n    $marginBottom,\n    $marginBottomX,\n    $alignSelf,\n    $opacity = 1,\n    $inline,\n    $textDecoration,\n  }) => {\n    const { text, colors, layout } = theme;\n    const {\n      fontFamily,\n      fontSize,\n      lineHeight,\n      letterSpacing,\n      textTransform = 'none',\n    } = text[$renderAs];\n\n    return `\n      display: ${$inline ? 'inline-block' : 'block'};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      text-align: ${$align};\n      line-height: ${lineHeight}px;\n      text-transform: ${textTransform};\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n      color: ${$color ? colors[$color] : colors.BLACK};\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n    `;\n  },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";AAqBA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAA,IAAWd,GAC3B;AAAA,MACJ,YAAAe;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKX,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BK,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPb,CAAM;AAAA,qBACLc,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEhB,IAASW,EAAOX,CAAM,IAAIW,EAAO,KAAK;AAAA,iBACpCJ,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUS,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCR,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBO,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EN,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA;AAAA,EAEnE;AACF;AAEAb,EAAK,cAAc;AAEnB,MAAAsB,IAAetB;"}
+{"version":3,"file":"text.js","sources":["../../../../src/features/ui/text/text.tsx"],"sourcesContent":["import type { TColorNames, TTextVariants } from '../types';\n\nimport styled from 'styled-components';\n\nexport interface TextProps {\n  $renderAs: TTextVariants;\n  $color?: TColorNames;\n  $align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n  $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';\n  $opacity?: number | undefined;\n  $width?: number | string;\n  $widthX?: number;\n  $marginBottom?: number;\n  $marginBottomX?: number;\n  $inline?: boolean;\n  $textDecoration?: string;\n  $whiteSpace?: 'pre-line' | 'normal' | 'pre-wrap' | 'no-wrap' | 'pre' | 'break-spaces';\n}\n\n/**\n * @param $renderAs - The text variant to render as (ah1-ah4, ab1-ab3, ac1-ac4, ub1-ub3), anything else is deprecated\n */\nconst Text = styled.div<TextProps>(\n  ({\n    theme,\n    $renderAs,\n    $color,\n    $align = 'left',\n    $width,\n    $widthX,\n    $marginBottom,\n    $marginBottomX,\n    $alignSelf,\n    $opacity = 1,\n    $inline,\n    $textDecoration,\n    $whiteSpace,\n  }) => {\n    const { text, colors, layout } = theme;\n    const {\n      fontFamily,\n      fontSize,\n      lineHeight,\n      letterSpacing,\n      textTransform = 'none',\n    } = text[$renderAs];\n\n    return `\n      display: ${$inline ? 'inline-block' : 'block'};\n      font-family: ${fontFamily};\n      font-size: ${fontSize}px;\n      text-align: ${$align};\n      line-height: ${lineHeight}px;\n      text-transform: ${textTransform};\n      ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n      color: ${$color ? colors[$color] : colors.BLACK};\n      opacity: ${$opacity};\n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      margin-bottom: ${$marginBottom ? `${$marginBottom}` : 'initial'}${\n        typeof $marginBottom === 'number' ? 'px' : ''\n      };\n      ${$marginBottomX ? `margin-bottom: ${$marginBottomX * layout.gutter}px;` : ''}\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      ${$textDecoration ? `text-decoration: ${$textDecoration};` : ''}\n      ${$whiteSpace ? `white-space: ${$whiteSpace};` : ''}\n    `;\n  },\n);\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"names":["Text","styled","theme","$renderAs","$color","$align","$width","$widthX","$marginBottom","$marginBottomX","$alignSelf","$opacity","$inline","$textDecoration","$whiteSpace","text","colors","layout","fontFamily","fontSize","lineHeight","letterSpacing","textTransform","Text$1"],"mappings":";AAsBA,MAAMA,IAAOC,EAAO;AAAA,EAClB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,MACI;AACJ,UAAM,EAAE,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,EAAA,IAAWf,GAC3B;AAAA,MACJ,YAAAgB;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,eAAAC;AAAA,MACA,eAAAC,IAAgB;AAAA,IAAA,IACdP,EAAKZ,CAAS;AAEX,WAAA;AAAA,iBACMS,IAAU,iBAAiB,OAAO;AAAA,qBAC9BM,CAAU;AAAA,mBACZC,CAAQ;AAAA,oBACPd,CAAM;AAAA,qBACLe,CAAU;AAAA,wBACPE,CAAa;AAAA,QAC7B,OAAOD,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA,eACvEjB,IAASY,EAAOZ,CAAM,IAAIY,EAAO,KAAK;AAAA,iBACpCL,CAAQ;AAAA,eACVL,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAC7EC,IAAU,UAAUA,IAAUU,EAAO,MAAM,QAAQ,EAAE;AAAA,uBACtCT,IAAgB,GAAGA,CAAa,KAAK,SAAS,GAC7D,OAAOA,KAAkB,WAAW,OAAO,EAC7C;AAAA,QACEC,IAAiB,kBAAkBA,IAAiBQ,EAAO,MAAM,QAAQ,EAAE;AAAA,QAC3EP,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA,QAC9CG,IAAkB,oBAAoBA,CAAe,MAAM,EAAE;AAAA,QAC7DC,IAAc,gBAAgBA,CAAW,MAAM,EAAE;AAAA;AAAA,EAEvD;AACF;AAEAd,EAAK,cAAc;AAEnB,MAAAuB,IAAevB;"}