@lanaco/lnc-react-ui 4.0.193 → 4.0.195

package/dist/{index-DqBXIFsQ.js → index-Csxc_5p0.js}

@@ -1,17 +1,17 @@
 import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as le, useState as oe, useRef as ne, useEffect as Fe, cloneElement as te, Suspense as We } from "react";
-import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as ce, useState as ne, useRef as ie, useEffect as xe, cloneElement as te, Suspense as je } from "react";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as j } from "./consts-BuFChS64.js";
-import { t as D, o as De, a as Me, l as M, p as ie, G as ae, k as se } from "./utils-Dc5zIpaz.js";
-import { P as xe } from "./index-C_NnINik.js";
-import I from "./Badge.js";
-import je from "./Popover.js";
-import Le from "./PopoverTrigger.js";
-import Te from "./PopoverContent.js";
-import { u as Xe } from "./useDetectMobile-Bkvj0VMa.js";
-import qe from "./Icon.js";
-import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
-const Ae = k.a`
+import { t as M, o as Le, a as Te, l as x, p as ae, G as se, k as le } from "./utils-Dc5zIpaz.js";
+import { P as Xe } from "./index-C_NnINik.js";
+import G from "./Badge.js";
+import qe from "./Popover.js";
+import Ae from "./PopoverTrigger.js";
+import Ye from "./PopoverContent.js";
+import { u as He } from "./useDetectMobile-Bkvj0VMa.js";
+import de from "./Icon.js";
+import { a as v, S as u, c as _, b as i } from "./style-CXMUA6cI.js";
+const Ke = S.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -28,7 +28,7 @@ const Ae = k.a`
   }
   & .seller {
     text-transform: uppercase;
-    ${D()}
+    ${M()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -81,13 +81,13 @@ const Ae = k.a`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${De(2)}
+    ${Le(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${D()}
+    ${M()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -110,7 +110,7 @@ const Ae = k.a`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${D()}
+    ${M()}
   }
 
   & .tags-wrapper {
@@ -239,7 +239,7 @@ const Ae = k.a`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Ye = k.div`
+`, Qe = S.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -260,7 +260,7 @@ const Ae = k.a`
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${(a) => Me(a.theme, "curved")};
+    border-radius: ${(a) => Te(a.theme, "curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -307,7 +307,7 @@ const Ae = k.a`
       top: unset;
     }
   }
-`, He = k.div`
+`, Ze = S.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -357,7 +357,7 @@ const Ae = k.a`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ke = k.div`
+`, Je = S.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -369,10 +369,10 @@ const Ae = k.a`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Qe = le(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ n(Ke, { ref: $, className: "sponsored-line", children: [
+`, er = ce(({ sponsoredText: a = "Sponsored" }, E) => /* @__PURE__ */ n(Je, { ref: E, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
   /* @__PURE__ */ e("span", { children: a })
-] })), Ze = "Vehicles_Cars", Je = "Vehicles_Motorcycles", er = "Vehicles_Trucks", rr = "Vehicles_AgriculturalMachines_Tractors", or = "Vehicles_ConstructionMachines", nr = "Vehicles_Bus", tr = "Vehicles_Campers", ir = "RealEstates_", l = {
+] })), rr = "Vehicles_Cars", or = "Vehicles_Motorcycles", nr = "Vehicles_Trucks", ir = "Vehicles_AgriculturalMachines_Tractors", tr = "Vehicles_ConstructionMachines", ar = "Vehicles_Bus", sr = "Vehicles_Campers", lr = "RealEstates_", l = {
   Mileage: {
     icon: "mng-lnc-road",
     measure: "km"
@@ -473,214 +473,217 @@ const Ae = k.a`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, x = {
+}, N = {
   ADDDISCOUNT: " mng-lnc-percentage",
   URGENT: " mng-lnc-flash",
   FREEQUANTITY: " mng-lnc-3d-software",
   INCLUDEGIFTS: " mng-lnc-gift",
   FREESHIPPING: " mng-lnc-delivery--parcel"
-}, _r = le((a, $) => {
+}, kr = ce((a, E) => {
   const {
     uuid: m,
-    sellerUuid: G,
-    name: ce,
+    sellerUuid: U,
+    name: me,
     price: P = 0,
-    sellingPrice: _,
-    currency: R,
-    isNegotiable: S,
-    isFree: E,
-    imageUrl: de,
-    location: me,
-    sponsored: he,
+    sellingPrice: R,
+    currency: k,
+    isNegotiable: F,
+    isFree: z,
+    imageUrl: he,
+    location: ge,
+    sponsored: pe,
     imageComponent: L,
-    freeText: ge = "Free",
-    negotiableText: pe = "Negotiable",
-    tags: i = [],
-    categoryCode: V,
-    categoryName: ue,
+    freeText: ue = "Free",
+    negotiableText: fe = "Negotiable",
+    tags: t = [],
+    categoryCode: I,
+    categoryName: be,
     condition: T,
     quantity: B,
     trade: X,
-    sponsoredText: fe,
-    forCart: be,
-    forOrder: ve,
-    contactSeller: we,
-    hasVariants: Ce,
-    hasQuantities: ye,
-    status: _e,
-    onBookmark: U = () => {
+    sponsoredText: ve,
+    forCart: we,
+    forOrder: Ce,
+    contactSeller: ye,
+    hasVariants: _e,
+    hasQuantities: Ne,
+    status: Re,
+    onBookmark: W = () => {
     },
-    actionComponent: v,
+    actionComponent: w,
     bookmarked: q,
-    bookmarkLists: Re,
-    metadata: w,
+    bookmarkLists: ke,
+    metadata: C,
     sellerName: A,
-    nameSlug: z,
-    onSelectCard: Ne = () => {
+    nameSlug: V,
+    onSelectCard: $e = () => {
     },
-    activeSalesPackages: F,
-    urgentText: ke = "Urgent",
-    LinkComponent: Y
-  } = a, $e = Y || "a", W = Xe(), Pe = () => {
-    var d;
-    if (!M(v)) return /* @__PURE__ */ e(O, {});
-    const r = v, o = (d = v == null ? void 0 : v.props) == null ? void 0 : d.children, s = te(o, {
+    activeSalesPackages: h,
+    urgentText: Se = "Urgent",
+    LinkComponent: Y,
+    hasFreeShipping: Ee
+  } = a, Pe = Y || "a", D = He(), Fe = () => {
+    var c;
+    if (!x(w)) return /* @__PURE__ */ e(O, {});
+    const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
       key: `bookmark_pr__${q}`,
       bookmarked: q,
       productUuid: m,
-      onAddToBookmark: () => U(!0, m),
-      onRemoveFromBookmark: () => U(!1, m),
-      bookmarkedUuidList: Re,
-      sellerUuid: G,
-      handleBookmarking: U,
-      forCart: be,
-      forOrder: ve,
-      contactSeller: we,
-      hasVariants: Ce,
-      status: _e,
+      onAddToBookmark: () => W(!0, m),
+      onRemoveFromBookmark: () => W(!1, m),
+      bookmarkedUuidList: ke,
+      sellerUuid: U,
+      handleBookmarking: W,
+      forCart: we,
+      forOrder: Ce,
+      contactSeller: ye,
+      hasVariants: _e,
+      status: Re,
       quantity: B,
-      hasQuantities: ye,
+      hasQuantities: Ne,
       productBasicInfo: {
         uuid: m,
         price: P,
-        sellingPrice: _,
-        categoryCode: V,
-        categoryName: ue,
-        currency: R,
-        isNegotiable: S,
-        isFree: E
+        sellingPrice: R,
+        categoryCode: I,
+        categoryName: be,
+        currency: k,
+        isNegotiable: F,
+        isFree: z
       }
     });
     return te(r, void 0, s);
   }, H = [
-    Ze,
-    Je,
-    er,
     rr,
     or,
     nr,
+    ir,
     tr,
-    ir
+    ar,
+    sr,
+    lr
   ].some(
-    (r) => V == null ? void 0 : V.includes(r)
-  ), [Se, K] = oe(!1), Ee = () => {
+    (r) => I == null ? void 0 : I.includes(r)
+  ), [ze, K] = ne(!1), Ie = () => {
     K(!0);
   }, Ve = () => {
     K(!1);
-  }, c = ne(null), u = ne([]), [ze, Q] = oe(i == null ? void 0 : i.length), Ie = () => {
-    var d, C, N;
-    if (!(c != null && c.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
-    if (W) {
-      Q(i == null ? void 0 : i.length);
+  }, d = ie(null), f = ie([]), [Ge, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
+    var c, y, $;
+    if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
+    if (D) {
+      Q(t == null ? void 0 : t.length);
       return;
     }
-    const r = (C = c == null ? void 0 : c.current) == null ? void 0 : C.offsetWidth;
+    const r = (y = d == null ? void 0 : d.current) == null ? void 0 : y.offsetWidth;
     let o = 0, s = 0;
-    for (let h = 0; h < (i == null ? void 0 : i.length); h++) {
-      const f = ((N = u == null ? void 0 : u.current[h]) == null ? void 0 : N.offsetWidth) || 0, g = o + f + 4;
-      if (g <= r)
-        o += g, s++;
+    for (let g = 0; g < (t == null ? void 0 : t.length); g++) {
+      const b = (($ = f == null ? void 0 : f.current[g]) == null ? void 0 : $.offsetWidth) || 0, p = o + b + 4;
+      if (p <= r)
+        o += p, s++;
       else
         break;
     }
     Q(s);
   };
-  Fe(() => {
-    const r = c == null ? void 0 : c.current;
+  xe(() => {
+    const r = d == null ? void 0 : d.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      Ie();
+      Oe();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [i, W]);
-  const Oe = () => {
+  }, [t, D]);
+  const Ue = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ze)) == null ? void 0 : r.map((o, s) => {
-      var f, g, J, ee, re;
-      const d = ((f = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = l == null ? void 0 : l.default) == null ? void 0 : g.icon) ?? "", C = ((J = o == null ? void 0 : o.measurementUnit) == null ? void 0 : J.symbol) ?? ((ee = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : ee.measure) ?? "", h = [(o == null ? void 0 : o.value) ?? ((re = o == null ? void 0 : o.multiOptions) == null ? void 0 : re[0]) ?? "", C].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ge)) == null ? void 0 : r.map((o, s) => {
+      var b, p, ee, re, oe;
+      const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
       return /* @__PURE__ */ n(
-        I,
+        G,
         {
-          ref: (Ue) => u.current[s] = Ue,
+          ref: (Me) => f.current[s] = Me,
           className: "tag",
           children: [
-            /* @__PURE__ */ e("i", { className: d }),
-            h
+            /* @__PURE__ */ e("i", { className: c }),
+            g
           ]
         },
         `detailed-products-section-tag__${s + 1}`
       );
     }) });
-  }, Ge = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
-    var h, f, g;
-    const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", C = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", s].filter(Boolean).join(" "), N = r == null ? void 0 : r.name;
+  }, Be = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: t == null ? void 0 : t.map((r, o) => {
+    var g, b, p;
+    const s = ((g = r == null ? void 0 : r.measurementUnit) == null ? void 0 : g.symbol) ?? ((b = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : b.measure) ?? "", y = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", s].filter(Boolean).join(" "), $ = r == null ? void 0 : r.name;
     return /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${N}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: C })
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${$}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), Be = () => /* @__PURE__ */ n(O, { children: [
-    T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
-    B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
-    X && /* @__PURE__ */ e(I, { className: "tag", children: X }, "detailed-products-section-tag__trade")
-  ] }), Z = P > 0 && R && S !== !0 && E !== !0 && P !== _;
+  }) }), We = () => /* @__PURE__ */ n(O, { children: [
+    T && /* @__PURE__ */ e(G, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
+    B && /* @__PURE__ */ e(G, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
+    X && /* @__PURE__ */ e(G, { className: "tag", children: X }, "detailed-products-section-tag__trade")
+  ] }), Z = P > 0 && k && F !== !0 && z !== !0 && P !== R, De = h == null ? void 0 : h.some(
+    (r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
+  ), J = Ee === !0 && !De;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ n(
-      Ae,
+      Ke,
       {
-        ref: c,
+        ref: d,
         className: "product-card",
-        "data-accessor": w == null ? void 0 : w.accessor,
-        name: w == null ? void 0 : w.name,
-        onClick: (r) => Ne(r, c),
-        as: $e,
+        "data-accessor": C == null ? void 0 : C.accessor,
+        name: C == null ? void 0 : C.name,
+        onClick: (r) => $e(r, d),
+        as: Pe,
         ...Y ? {
-          to: `/product/${se(z) ? `${z}-` : ""}${m}`
+          to: `/product/${le(V) ? `${V}-` : ""}${m}`
         } : {
-          href: `/product/${se(z) ? `${z}-` : ""}${m}`
+          href: `/product/${le(V) ? `${V}-` : ""}${m}`
         },
         children: [
-          /* @__PURE__ */ n(Ye, { className: "product-image-wrapper", children: [
-            M(v) && /* @__PURE__ */ e(
+          /* @__PURE__ */ n(Qe, { className: "product-image-wrapper", children: [
+            x(w) && /* @__PURE__ */ e(
               "div",
               {
                 className: "prevent-el",
                 onClick: (r) => {
                   r == null || r.preventDefault(), r == null || r.stopPropagation();
                 },
-                children: /* @__PURE__ */ e(Pe, {})
+                children: /* @__PURE__ */ e(Fe, {})
               }
             ),
-            M(L) ? L : /* @__PURE__ */ e(xe, { src: de })
+            x(L) ? L : /* @__PURE__ */ e(Xe, { src: he })
+          ] }),
+          (J || h && h.length > 0) && /* @__PURE__ */ n("div", { className: "campaign-badges", children: [
+            J && /* @__PURE__ */ e("div", { className: "campaign-badge campaign-badge-freeshipping", children: /* @__PURE__ */ e(de, { icon: N == null ? void 0 : N.FREESHIPPING, sizeInUnits: "1rem" }) }),
+            h == null ? void 0 : h.map((r, o) => {
+              var s, c;
+              return /* @__PURE__ */ n(
+                "div",
+                {
+                  className: `campaign-badge campaign-badge-${(s = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : s.toLowerCase()}`,
+                  children: [
+                    (r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
+                      de,
+                      {
+                        icon: N == null ? void 0 : N[(c = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : c.toUpperCase()],
+                        sizeInUnits: "1rem"
+                      }
+                    ),
+                    (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(O, { children: Se })
+                  ]
+                },
+                o
+              );
+            })
           ] }),
-          F && F.length > 0 && /* @__PURE__ */ e("div", { className: "campaign-badges", children: F.map((r, o) => {
-            var s, d;
-            return /* @__PURE__ */ n(
-              "div",
-              {
-                className: `campaign-badge campaign-badge-${(s = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : s.toLowerCase()}`,
-                children: [
-                  (r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
-                    qe,
-                    {
-                      icon: x == null ? void 0 : x[(d = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : d.toUpperCase()],
-                      sizeInUnits: "1rem"
-                    }
-                  ),
-                  (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ n(O, { children: [
-                    " ",
-                    ke
-                  ] })
-                ]
-              },
-              o
-            );
-          }) }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
             /* @__PURE__ */ e("div", { className: "seller", title: A, children: A }),
-            /* @__PURE__ */ e("div", { className: "card-title", children: ce })
+            /* @__PURE__ */ e("div", { className: "card-title", children: me })
           ] }),
           /* @__PURE__ */ n(
             "div",
@@ -693,35 +696,35 @@ const Ae = k.a`
                 H && /* @__PURE__ */ e(
                   "div",
                   {
-                    ...W ? {} : {
-                      onMouseEnter: Ee,
+                    ...D ? {} : {
+                      onMouseEnter: Ie,
                       onMouseLeave: Ve
                     },
-                    children: /* @__PURE__ */ n(je, { placement: "bottom", open: Se, children: [
-                      /* @__PURE__ */ e(Le, { children: Oe() }),
-                      /* @__PURE__ */ e(Te, { style: { all: "unset" }, children: /* @__PURE__ */ e(He, { children: Ge() }) })
+                    children: /* @__PURE__ */ n(qe, { placement: "bottom", open: ze, children: [
+                      /* @__PURE__ */ e(Ae, { children: Ue() }),
+                      /* @__PURE__ */ e(Ye, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ze, { children: Be() }) })
                     ] })
                   }
                 ),
-                !H && Be()
+                !H && We()
               ]
             }
           ),
           /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
             /* @__PURE__ */ n("div", { className: `price-text ${Z ? "new-price" : ""}`, children: [
-              _ > 0 && R && S !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ie(_)} ${ae(R)}` }),
-              Z && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${ie(P)} ${ae(R)}` }),
-              S && pe,
-              E && ge
+              R > 0 && k && F !== !0 && z !== !0 && /* @__PURE__ */ e("div", { children: `${ae(R)} ${se(k)}` }),
+              Z && /* @__PURE__ */ e("div", { className: `${R > 0 ? "full-price" : ""}`, children: `${ae(P)} ${se(k)}` }),
+              F && fe,
+              z && ue
             ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: me })
+            /* @__PURE__ */ e("div", { className: "location-text", children: ge })
           ] }),
-          he === !0 && /* @__PURE__ */ e(Qe, { sponsoredText: fe })
+          pe === !0 && /* @__PURE__ */ e(er, { sponsoredText: ve })
         ]
       }
     )
   );
-}), ar = k(b)`
+}), dr = S(v)`
   @media (max-width: ${j + "px"}) {
     & > div {
       &:nth-of-type(even) {
@@ -729,150 +732,150 @@ const Ae = k.a`
       }
     }
   }
-`, sr = ({ keyPrefix: a }) => /* @__PURE__ */ n(ar, { children: [
-  /* @__PURE__ */ n(p, { gap: "0.5rem", children: [
+`, cr = ({ keyPrefix: a }) => /* @__PURE__ */ n(dr, { children: [
+  /* @__PURE__ */ n(u, { gap: "0.5rem", children: [
     /* @__PURE__ */ e(
-      y,
+      _,
       {
         height: "100%",
         width: "100%",
         borderRadius: "0.75rem"
       }
     ),
-    /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }) }),
-    /* @__PURE__ */ n(b, { gap: "0.5rem", children: [
-      /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-      /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+    /* @__PURE__ */ e(u, { height: "1rem", children: /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }) }),
+    /* @__PURE__ */ n(v, { gap: "0.5rem", children: [
+      /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+      /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
     ] }),
-    /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" }) })
+    /* @__PURE__ */ e(u, { height: "2rem", children: /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" }) })
   ] }, `${a}-1`),
   /* @__PURE__ */ n(
-    p,
+    u,
     {
       gap: "0.5rem",
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          y,
+          _,
           {
             height: "100%",
             width: "100%",
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-2`
   ),
   /* @__PURE__ */ n(
-    p,
+    u,
     {
       gap: "0.5rem",
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          y,
+          _,
           {
             height: "100%",
             width: "100%",
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-3`
   ),
   /* @__PURE__ */ n(
-    p,
+    u,
     {
       gap: "0.5rem",
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          y,
+          _,
           {
             height: "100%",
             width: "100%",
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-4`
   ),
   /* @__PURE__ */ n(
-    p,
+    u,
     {
       gap: "0.5rem",
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          y,
+          _,
           {
             height: "100%",
             width: "100%",
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-5`
   ),
   /* @__PURE__ */ n(
-    p,
+    u,
     {
       gap: "0.5rem",
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          y,
+          _,
           {
             height: "100%",
             width: "100%",
             borderRadius: "0.75rem"
           }
         ),
-        /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
-        /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
-          /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
         ] }),
-        /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
+        /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
       ]
     },
     `${a}-6`
   )
-] }), Rr = ({
+] }), $r = ({
   keyPrefix: a,
-  isLoading: $ = !1,
+  isLoading: E = !1,
   fallbackComponent: m = /* @__PURE__ */ e(O, {}),
-  children: G
-}) => /* @__PURE__ */ e(We, { fallbackComponent: m, children: $ === !0 ? /* @__PURE__ */ e(sr, { keyPrefix: a }) : G });
+  children: U
+}) => /* @__PURE__ */ e(je, { fallbackComponent: m, children: E === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : U });
 export {
-  _r as D,
-  Rr as S
+  kr as D,
+  $r as S
 };