@lanaco/lnc-react-ui 4.0.225 → 4.0.227

package/dist/index-DDShXLaW.js

@@ -1,882 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as U } from "react/jsx-runtime";
-import { forwardRef as ce, useState as ne, useRef as ie, useEffect as Me, cloneElement as te, Suspense as Le } from "react";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as L } from "./breakpoints-ff0SIcV3.js";
-import { t as I, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
-import { P as qe } from "./index-BvMY2TbK.js";
-import O from "./Badge.js";
-import Ae from "./Popover.js";
-import Xe from "./PopoverTrigger.js";
-import Ye from "./PopoverContent.js";
-import { u as He } from "./useDetectMobile-CcVo3PNi.js";
-import de from "./Icon.js";
-import { S as v, b as u, c as _, a as i } from "./style-BwQ4djFC.js";
-const Ke = S.a`
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  cursor: pointer;
-  overflow: hidden;
-  width: 100%;
-  text-decoration: none;
-  color: var(--gray-950, #14161a);
-  position: relative;
-
-  & .prevent-el {
-    height: 0;
-    width: 0;
-  }
-  & .seller {
-    text-transform: uppercase;
-    ${I()}
-    color: var(--gray-500);
-    font-size: 0.625rem;
-    font-weight: 400;
-  }
-
-  & .wrapper-card-1 {
-    display: flex;
-    flex-direction: column;
-    gap: 0.12rem;
-  }
-
-  & .wrapper-card-2 {
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-  }
-
-  & .wrapper-card-3 {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.25rem;
-
-    & > div {
-      & > div {
-        width: 100% !important;
-      }
-    }
-  }
-
-  & .tag {
-    height: 1.5rem;
-    gap: 0.25rem;
-    padding: 0.25rem 0.375rem;
-    border-radius: 0.375rem;
-    background: #f9fafb;
-    border: 1px solid var(--gray-95012, #14161a1f);
-    font-weight: 400;
-    font-size: 0.75rem;
-    line-height: 1rem;
-    letter-spacing: 0.025rem;
-    color: var(--gray-950, #14161a);
-    white-space: nowrap;
-    flex: 0 0 auto;
-
-    & i {
-      color: var(--yellow-500, #f59e0b);
-    }
-  }
-
-  & .card-title {
-    font-size: 0.875rem;
-    font-weight: 600;
-    ${xe(2)}
-  }
-
-  & .price-text {
-    font-size: 1rem;
-    font-weight: 600;
-    ${I()}
-    display: flex;
-    align-items: end;
-    gap: 0.5rem;
-    color: var(--gray-950, #14161a);
-
-    &.new-price {
-      color: var(--danger-600, #e11d48);
-    }
-
-    & .full-price {
-      text-decoration: line-through;
-      font-size: 0.75rem;
-      font-weight: 400;
-      padding-bottom: 0.125rem;
-      color: var(--gray-600, #676e79);
-      ${I()}
-    }
-  }
-
-  & .location-text {
-    font-size: 0.75rem;
-    font-weight: 400;
-    color: var(--gray-600, #676e79);
-    ${I()}
-  }
-
-  & .tags-wrapper {
-    display: flex;
-    gap: 0.5rem;
-  }
-
-  & .tags-popover__trigger {
-    display: flex;
-    gap: 0.25rem;
-  }
-
-  & .campaign-badges {
-    position: absolute;
-    top: 0.5rem;
-    left: 0.75rem;
-    display: flex;
-    gap: 0.25rem;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    z-index: 1;
-    width: max-content;
-    max-width: 7rem;
-  }
-
-  & .campaign-badge {
-    width: fit-content;
-    height: 1.5rem;
-    border-radius: 0.25rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: white;
-    font-size: 1rem;
-    padding-inline: 0.15rem;
-
-    i {
-      ::before {
-        margin-inline: 0;
-      }
-    }
-  }
-
-  & .campaign-badge-adddiscount {
-    background-color: #f43f5e;
-  }
-
-  & .campaign-badge-freeshipping {
-    background-color: #1abc86;
-  }
-
-  & .campaign-badge-freequantity {
-    background-color: #2691d9;
-  }
-
-  & .campaign-badge-includegifts {
-    background-color: #8b5cf6;
-  }
-
-  & .campaign-badge-urgent {
-    background-color: #e11d48;
-    width: fit-content;
-    padding-inline: 0.5rem;
-  }
-
-  @media ${L("S")} {
-    overflow: visible;
-
-    & .wrapper-card-3 {
-      flex-wrap: nowrap;
-      justify-content: flex-start;
-      overflow-x: scroll;
-      width: 8.875rem !important;
-
-      -webkit-overflow-scrolling: touch;
-      ::-webkit-scrollbar {
-        -webkit-appearance: none;
-      }
-      -ms-overflow-style: none;
-      /* Internet Explorer 10+ */
-      scrollbar-width: none;
-      /* Firefox */
-
-      &::-webkit-scrollbar {
-        display: none;
-        /* Safari and Chrome */
-      }
-
-      & > div {
-        & > div {
-          width: 8.875rem !important;
-        }
-      }
-    }
-
-    & .tags-popover__trigger {
-      overflow-x: scroll;
-      justify-content: flex-start;
-      width: 100%;
-
-      -webkit-overflow-scrolling: touch;
-      ::-webkit-scrollbar {
-        -webkit-appearance: none;
-      }
-      -ms-overflow-style: none;
-      /* Internet Explorer 10+ */
-      scrollbar-width: none;
-      /* Firefox */
-
-      &::-webkit-scrollbar {
-        display: none;
-        /* Safari and Chrome */
-      }
-    }
-
-    & .price-text {
-      font-size: 0.875rem;
-      font-weight: 600;
-
-      & .full-price {
-        display: none;
-      }
-    }
-  }
-
-  &:hover .product-image-wrapper img {
-    transform: scale(1.1);
-  }
-`, Qe = S.div`
-  position: relative;
-  overflow: hidden;
-  border-radius: 0.75rem;
-  width: 100%;
-  aspect-ratio: 1 / 1;
-  border: 1px solid #0c15201f;
-
-  & .bookmarking-btn {
-    position: absolute;
-    right: 0.5rem;
-    top: 0.5rem;
-    z-index: 1;
-
-    display: none;
-
-    align-items: center;
-    justify-content: center;
-
-    width: 2.25rem;
-    height: 2.25rem;
-    border-radius: ${(a) => Te(a.theme, "curved")};
-    border: 1px solid var(--gray-95008);
-    background-color: white;
-    color: var(--gray-950);
-    transition: transform 0.2s ease;
-
-    &:hover {
-      transform: scale(1.05);
-    }
-
-    i {
-      color: #14161a;
-      font-size: 1.1rem;
-      line-height: 1;
-    }
-  }
-
-  &:hover {
-    & .bookmarking-btn {
-      display: flex;
-    }
-  }
-
-  & img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    border-radius: 0.75rem;
-    transition: var(--transition, all 0.3s ease);
-  }
-
-  @media ${L("S")} {
-    & img {
-      width: 8.875rem;
-      height: 8.875rem;
-      min-width: 8.875rem;
-      min-height: 8.875rem;
-      object-fit: cover;
-    }
-
-    & .bookmarking-btn {
-      display: flex;
-      bottom: 0.5rem;
-      top: unset;
-    }
-  }
-`, Je = S.div`
-  background: var(--white, #fff);
-  z-index: 1;
-
-  border: 1px solid var(--gray-200, #dddfe4);
-  border-radius: 0.5rem;
-  line-height: 1rem;
-  position: absolute;
-  padding: 0.5rem 0.75rem;
-  top: 0.5rem;
-  left: 25%;
-  transform: translateX(-50%);
-  min-width: 13rem;
-
-  &::before,
-  &::after {
-    content: "";
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
-    border-style: solid;
-    border-width: 0.625rem;
-  }
-
-  &::after {
-    top: -1.1875rem;
-    border-color: transparent transparent var(--white, #fff) transparent;
-  }
-
-  &::before {
-    top: -1.25rem;
-    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
-  }
-
-  & .tags-popover__content {
-    display: flex;
-    flex-wrap: wrap;
-    flex-direction: column;
-    gap: 0.375rem;
-    font-size: 0.75rem;
-    font-weight: 400;
-
-    & .tags-popover__name {
-      color: var(--gray-600, #676e79);
-    }
-
-    & .tags-popover__value {
-      color: var(--gray-950, #14161a);
-    }
-  }
-`, Ze = S.div`
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-  color: var(--gray-500);
-  font-size:  0.75rem;
-  font-weight: 500;
-
-  & i {
-    font-size: 1rem;
-    color: var(--warning-500, #F59E0B);
-  }
-`, er = ce(({ sponsoredText: a = "Sponsored" }, P) => /* @__PURE__ */ n(Ze, { ref: P, className: "sponsored-line", children: [
-  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
-  /* @__PURE__ */ e("span", { children: a })
-] })), 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"
-  },
-  YearOfProduction: {
-    icon: "mng-lnc-calendar",
-    measure: ""
-  },
-  Fuel: {
-    icon: "mng-lnc-gas-station",
-    measure: ""
-  },
-  EnginePowerKW: {
-    icon: "mng-lnc-engine",
-    measure: "kW"
-  },
-  Transmission: {
-    icon: "mng-lnc-transmission",
-    measure: ""
-  },
-  Model: {
-    icon: "mng-lnc-application",
-    measure: ""
-  },
-  Brand: {
-    icon: "mng-lnc-car--front",
-    measure: ""
-  },
-  SurfaceArea: {
-    icon: "mng-lnc-right-angle",
-    measure: ""
-  },
-  Floor: {
-    icon: "mng-lnc-elevator",
-    measure: ""
-  },
-  FurnishedCondition: {
-    icon: "mng-lnc-sofa-01",
-    measure: ""
-  },
-  AdType: {
-    icon: "mng-lnc-notes",
-    measure: ""
-  },
-  NumberOfRooms: {
-    icon: "mng-lnc-meeting-room",
-    measure: ""
-  },
-  HeatingType: {
-    icon: "mng-lnc-heat",
-    measure: ""
-  },
-  AirConditioning: {
-    icon: "mng-lnc-air-conditioner",
-    measure: ""
-  },
-  Type: {
-    icon: "mng-lnc-house-building",
-    measure: ""
-  },
-  Parking: {
-    icon: "mng-lnc-parking-area-circle",
-    measure: ""
-  },
-  Internet: {
-    icon: "mng-lnc-wifi-02",
-    measure: ""
-  },
-  State: {
-    icon: "mng-lnc-settings-1",
-    measure: ""
-  },
-  NumberOfPremises: {
-    icon: "mng-lnc-meeting-room",
-    measure: ""
-  },
-  Pool: {
-    icon: "mng-lnc-pool",
-    measure: ""
-  },
-  Approach: {
-    icon: "mng-lnc-driveway",
-    measure: ""
-  },
-  NumberOfBeds: {
-    icon: "mng-lnc-bed",
-    measure: ""
-  },
-  Kitchen: {
-    icon: "mng-lnc-fridge",
-    measure: ""
-  },
-  BathroomToilet: {
-    icon: "mng-lnc-bath",
-    measure: ""
-  },
-  default: {
-    icon: " mng-lnc-clock--filled",
-    measure: ""
-  }
-}, N = {
-  ADDDISCOUNT: " mng-lnc-percentage",
-  URGENT: " mng-lnc-flash",
-  FREEQUANTITY: " mng-lnc-3d-software",
-  INCLUDEGIFTS: " mng-lnc-gift",
-  FREESHIPPING: " mng-lnc-delivery--parcel"
-}, kr = ce((a, P) => {
-  const {
-    uuid: m,
-    sellerUuid: B,
-    name: me,
-    price: E = 0,
-    sellingPrice: R,
-    currency: k,
-    isNegotiable: F,
-    isFree: z,
-    imageUrl: he,
-    location: ge,
-    sponsored: pe,
-    imageComponent: x,
-    freeText: ue = "Free",
-    negotiableText: fe = "Negotiable",
-    tags: t = [],
-    categoryCode: V,
-    categoryName: be,
-    condition: T,
-    quantity: W,
-    trade: q,
-    sponsoredText: ve,
-    forCart: we,
-    forOrder: Ce,
-    contactSeller: ye,
-    hasVariants: _e,
-    hasQuantities: Ne,
-    status: Re,
-    onBookmark: D = () => {
-    },
-    actionComponent: w,
-    bookmarked: A,
-    bookmarkLists: ke,
-    metadata: C,
-    sellerName: X,
-    nameSlug: G,
-    onSelectCard: $e = () => {
-    },
-    activeSalesPackages: h,
-    urgentText: Se = "Urgent",
-    LinkComponent: Y,
-    hasFreeShipping: Pe
-  } = a, Ee = Y || "a", j = He(), Fe = () => {
-    var c;
-    if (!M(w)) return /* @__PURE__ */ e(U, {});
-    const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
-      key: `bookmark_pr__${A}`,
-      bookmarked: A,
-      productUuid: m,
-      onAddToBookmark: () => D(!0, m),
-      onRemoveFromBookmark: () => D(!1, m),
-      bookmarkedUuidList: ke,
-      sellerUuid: B,
-      handleBookmarking: D,
-      forCart: we,
-      forOrder: Ce,
-      contactSeller: ye,
-      hasVariants: _e,
-      status: Re,
-      quantity: W,
-      hasQuantities: Ne,
-      productBasicInfo: {
-        uuid: m,
-        price: E,
-        sellingPrice: R,
-        categoryCode: V,
-        categoryName: be,
-        currency: k,
-        isNegotiable: F,
-        isFree: z
-      }
-    });
-    return te(r, void 0, s);
-  }, H = [
-    rr,
-    or,
-    nr,
-    ir,
-    tr,
-    ar,
-    sr,
-    lr
-  ].some(
-    (r) => V == null ? void 0 : V.includes(r)
-  ), [ze, K] = ne(!1), Ve = () => {
-    K(!0);
-  }, Ge = () => {
-    K(!1);
-  }, d = ie(null), f = ie([]), [Ie, 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 (j) {
-      Q(t == null ? void 0 : t.length);
-      return;
-    }
-    const r = (y = d == null ? void 0 : d.current) == null ? void 0 : y.offsetWidth;
-    let o = 0, s = 0;
-    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);
-  };
-  Me(() => {
-    const r = d == null ? void 0 : d.current;
-    if (!r) return;
-    const o = new ResizeObserver(() => {
-      Oe();
-    });
-    return o.observe(r), () => {
-      o.disconnect();
-    };
-  }, [t, j]);
-  const Ue = () => {
-    var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ie)) == 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(
-        O,
-        {
-          ref: (je) => f.current[s] = je,
-          className: "tag",
-          children: [
-            /* @__PURE__ */ e("i", { className: c }),
-            g
-          ]
-        },
-        `detailed-products-section-tag__${s + 1}`
-      );
-    }) });
-  }, 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: `${$}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
-    ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), We = () => /* @__PURE__ */ n(U, { children: [
-    T && /* @__PURE__ */ e(O, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
-    W && /* @__PURE__ */ e(O, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
-    q && /* @__PURE__ */ e(O, { className: "tag", children: q }, "detailed-products-section-tag__trade")
-  ] }), J = E > 0 && k && F !== !0 && z !== !0 && E !== R, De = h == null ? void 0 : h.some(
-    (r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
-  ), Z = Pe === !0 && !De;
-  return (
-    // <LandingPageProductCardSkeleton />
-    /* @__PURE__ */ n(
-      Ke,
-      {
-        ref: d,
-        className: "product-card",
-        "data-accessor": C == null ? void 0 : C.accessor,
-        name: C == null ? void 0 : C.name,
-        onClick: (r) => $e(r, d),
-        as: Ee,
-        ...Y ? {
-          to: `/product/${le(G) ? `${G}-` : ""}${m}`
-        } : {
-          href: `/product/${le(G) ? `${G}-` : ""}${m}`
-        },
-        children: [
-          /* @__PURE__ */ n(Qe, { className: "product-image-wrapper", children: [
-            M(w) && /* @__PURE__ */ e(
-              "div",
-              {
-                className: "prevent-el",
-                onClick: (r) => {
-                  r == null || r.preventDefault(), r == null || r.stopPropagation();
-                },
-                children: /* @__PURE__ */ e(Fe, {})
-              }
-            ),
-            M(x) ? x : /* @__PURE__ */ e(qe, { src: he })
-          ] }),
-          (Z || h && h.length > 0) && /* @__PURE__ */ n("div", { className: "campaign-badges", children: [
-            Z && /* @__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(U, { children: Se })
-                  ]
-                },
-                o
-              );
-            })
-          ] }),
-          /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
-            /* @__PURE__ */ e("div", { className: "seller", title: X, children: X }),
-            /* @__PURE__ */ e("div", { className: "card-title", children: me })
-          ] }),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              className: "wrapper-card-3",
-              onClick: (r) => {
-                r == null || r.preventDefault(), r == null || r.stopPropagation();
-              },
-              children: [
-                H && /* @__PURE__ */ e(
-                  "div",
-                  {
-                    ...j ? {} : {
-                      onMouseEnter: Ve,
-                      onMouseLeave: Ge
-                    },
-                    children: /* @__PURE__ */ n(Ae, { placement: "bottom", open: ze, children: [
-                      /* @__PURE__ */ e(Xe, { children: Ue() }),
-                      /* @__PURE__ */ e(Ye, { style: { all: "unset" }, children: /* @__PURE__ */ e(Je, { children: Be() }) })
-                    ] })
-                  }
-                ),
-                !H && We()
-              ]
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
-            /* @__PURE__ */ n("div", { className: `price-text ${J ? "new-price" : ""}`, children: [
-              R > 0 && k && F !== !0 && z !== !0 && /* @__PURE__ */ e("div", { children: `${ae(R)} ${se(k)}` }),
-              J && /* @__PURE__ */ e("div", { className: `${R > 0 ? "full-price" : ""}`, children: `${ae(E)} ${se(k)}` }),
-              F && fe,
-              z && ue
-            ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: ge })
-          ] }),
-          pe === !0 && /* @__PURE__ */ e(er, { sponsoredText: ve })
-        ]
-      }
-    )
-  );
-}), dr = S(v)`
-  @media ${L("S")} {
-    & > div {
-      &:nth-of-type(even) {
-        display: none;
-      }
-    }
-  }
-`, cr = ({ keyPrefix: a }) => /* @__PURE__ */ n(dr, { children: [
-  /* @__PURE__ */ n(u, { gap: "0.5rem", children: [
-    /* @__PURE__ */ e(
-      _,
-      {
-        height: "100%",
-        width: "100%",
-        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(u, { height: "2rem", children: /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" }) })
-  ] }, `${a}-1`),
-  /* @__PURE__ */ n(
-    u,
-    {
-      gap: "0.5rem",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ e(
-          _,
-          {
-            height: "100%",
-            width: "100%",
-            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(i, { height: "2rem", borderRadius: "0.75rem" })
-      ]
-    },
-    `${a}-2`
-  ),
-  /* @__PURE__ */ n(
-    u,
-    {
-      gap: "0.5rem",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ e(
-          _,
-          {
-            height: "100%",
-            width: "100%",
-            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(i, { height: "2rem", borderRadius: "0.75rem" })
-      ]
-    },
-    `${a}-3`
-  ),
-  /* @__PURE__ */ n(
-    u,
-    {
-      gap: "0.5rem",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ e(
-          _,
-          {
-            height: "100%",
-            width: "100%",
-            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(i, { height: "2rem", borderRadius: "0.75rem" })
-      ]
-    },
-    `${a}-4`
-  ),
-  /* @__PURE__ */ n(
-    u,
-    {
-      gap: "0.5rem",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ e(
-          _,
-          {
-            height: "100%",
-            width: "100%",
-            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(i, { height: "2rem", borderRadius: "0.75rem" })
-      ]
-    },
-    `${a}-5`
-  ),
-  /* @__PURE__ */ n(
-    u,
-    {
-      gap: "0.5rem",
-      noGradient: !0,
-      children: [
-        /* @__PURE__ */ e(
-          _,
-          {
-            height: "100%",
-            width: "100%",
-            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(i, { height: "2rem", borderRadius: "0.75rem" })
-      ]
-    },
-    `${a}-6`
-  )
-] }), $r = ({
-  keyPrefix: a,
-  isLoading: P = !1,
-  fallbackComponent: m = /* @__PURE__ */ e(U, {}),
-  children: B
-}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : B });
-export {
-  kr as D,
-  $r as S
-};