@lanaco/lnc-react-ui 4.0.170 → 4.0.171

package/dist/index-BhBRZf4M.js

@@ -0,0 +1,742 @@
+import { jsxs as t, jsx as e, Fragment as G } from "react/jsx-runtime";
+import { forwardRef as ne, useState as Z, useRef as J, useEffect as Se, cloneElement as Q, Suspense as Pe } from "react";
+import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M } from "./consts-BuFChS64.js";
+import { t as W, o as Te, a as Ve, l as ee, p as re, G as oe } from "./utils-DHfRApMf.js";
+import { P as Ee } from "./index-BbltNcou.js";
+import S from "./Badge.js";
+import Oe from "./Popover.js";
+import Be from "./PopoverTrigger.js";
+import ze from "./PopoverContent.js";
+import { u as We } from "./useDetectMobile-Bkvj0VMa.js";
+import { a as f, S as p, c as w, b as n } from "./style-CXMUA6cI.js";
+const Ge = C.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+  overflow: hidden;
+  width: 100%;
+
+  & .seller {
+    text-transform: uppercase;
+    ${W()}
+    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;
+    ${Te(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${W()}
+    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);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${W()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${M + "px"}) {
+    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);
+  }
+`, Me = C.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) => Ve(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 (max-width: ${M + "px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+
+    & .bookmarking-btn {
+      display: flex;
+    }
+  }
+`, Fe = C.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);
+    }
+  }
+`, Ie = C.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);
+  }
+`, je = ne(({ sponsoredText: a = "Sponsored" }, R) => /* @__PURE__ */ t(Ie, { ref: R, className: "sponsored-line", children: [
+  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
+  /* @__PURE__ */ e("span", { children: a })
+] })), De = "Vehicles_Cars", Ue = "Vehicles_Motorcycles", Le = "Vehicles_Trucks", Xe = "Vehicles_AgriculturalMachines_Tractors", qe = "Vehicles_ConstructionMachines", xe = "Vehicles_Bus", Ye = "Vehicles_Campers", Ke = "RealEstates_", s = {
+  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: ""
+  }
+}, dr = ne((a, R) => {
+  const {
+    uuid: y,
+    sellerUuid: P,
+    name: te,
+    price: T = 0,
+    sellingPrice: N,
+    currency: $,
+    isNegotiable: V,
+    isFree: E,
+    imageUrl: ie,
+    location: ae,
+    sponsored: se,
+    imageComponent: F,
+    onSelectCard: le = () => {
+    },
+    freeText: ce = "Free",
+    negotiableText: de = "Negotiable",
+    tags: i = [],
+    categoryCode: O,
+    condition: I,
+    quantity: j,
+    trade: D,
+    sponsoredText: me,
+    forCart: he,
+    forOrder: pe,
+    contactSeller: ge,
+    hasVariants: ue,
+    onBookmark: B = () => {
+    },
+    bookmarkComponent: k,
+    bookmarked: U,
+    bookmarkLists: fe,
+    metadata: b,
+    sellerName: L
+  } = a, z = We(), be = () => {
+    var d;
+    if (!ee(k)) return /* @__PURE__ */ e(G, {});
+    const r = k, o = (d = k == null ? void 0 : k.props) == null ? void 0 : d.children, c = Q(o, {
+      key: `bookmark_pr__${U}`,
+      bookmarked: U,
+      productUuid: y,
+      onAddToBookmark: () => B(!0, y),
+      onRemoveFromBookmark: () => B(!1, y),
+      bookmarkedUuidList: fe,
+      sellerUuid: P,
+      handleBookmarking: B,
+      forCart: he,
+      forOrder: pe,
+      contactSeller: ge,
+      hasVariants: ue
+    });
+    return Q(r, void 0, c);
+  }, X = [
+    De,
+    Ue,
+    Le,
+    Xe,
+    qe,
+    xe,
+    Ye,
+    Ke
+  ].some(
+    (r) => O == null ? void 0 : O.includes(r)
+  ), [ve, q] = Z(!1), we = () => {
+    q(!0);
+  }, ye = () => {
+    q(!1);
+  }, l = J(null), g = J([]), [ke, x] = Z(i == null ? void 0 : i.length), _e = () => {
+    var d, v, _;
+    if (!(l != null && l.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
+    if (z) {
+      x(i == null ? void 0 : i.length);
+      return;
+    }
+    const r = (v = l == null ? void 0 : l.current) == null ? void 0 : v.offsetWidth;
+    let o = 0, c = 0;
+    for (let m = 0; m < (i == null ? void 0 : i.length); m++) {
+      const u = ((_ = g == null ? void 0 : g.current[m]) == null ? void 0 : _.offsetWidth) || 0, h = o + u + 4;
+      if (h <= r)
+        o += h, c++;
+      else
+        break;
+    }
+    x(c);
+  };
+  Se(() => {
+    const r = l == null ? void 0 : l.current;
+    if (!r) return;
+    const o = new ResizeObserver(() => {
+      _e();
+    });
+    return o.observe(r), () => {
+      o.disconnect();
+    };
+  }, [i, z]);
+  const Ce = () => {
+    var r;
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ke)) == null ? void 0 : r.map((o, c) => {
+      var u, h, K, A, H;
+      const d = ((u = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : u.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", v = ((K = o == null ? void 0 : o.measurementUnit) == null ? void 0 : K.symbol) ?? ((A = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : A.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((H = o == null ? void 0 : o.multiOptions) == null ? void 0 : H[0]) ?? "", v].filter(Boolean).join(" ");
+      return /* @__PURE__ */ t(
+        S,
+        {
+          ref: ($e) => g.current[c] = $e,
+          className: "tag",
+          children: [
+            /* @__PURE__ */ e("i", { className: d }),
+            m
+          ]
+        },
+        `detailed-products-section-tag__${c + 1}`
+      );
+    }) });
+  }, Re = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
+    var m, u, h;
+    const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((u = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : u.measure) ?? "", v = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), _ = r == null ? void 0 : r.name;
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${_}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: v })
+    ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
+  }) }), Ne = () => /* @__PURE__ */ t(G, { children: [
+    I && /* @__PURE__ */ e(S, { className: "tag", children: I }, "detailed-products-section-tag__condition"),
+    j && /* @__PURE__ */ e(S, { className: "tag", children: j }, "detailed-products-section-tag__quantity"),
+    D && /* @__PURE__ */ e(S, { className: "tag", children: D }, "detailed-products-section-tag__trade")
+  ] }), Y = T > 0 && $ && V !== !0 && E !== !0 && T !== N;
+  return (
+    // <LandingPageProductCardSkeleton />
+    /* @__PURE__ */ t(
+      Ge,
+      {
+        ref: l,
+        className: "product-card",
+        "data-accessor": b == null ? void 0 : b.accessor,
+        name: b == null ? void 0 : b.name,
+        onClick: (r) => le(r, l),
+        children: [
+          /* @__PURE__ */ t(Me, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e(be, {}),
+            ee(F) ? F : /* @__PURE__ */ e(Ee, { src: ie })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+            /* @__PURE__ */ e("div", { className: "seller", title: L, children: L }),
+            /* @__PURE__ */ e("div", { className: "card-title", children: te })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
+            X && /* @__PURE__ */ e(
+              "div",
+              {
+                ...z ? {} : {
+                  onMouseEnter: we,
+                  onMouseLeave: ye
+                },
+                children: /* @__PURE__ */ t(Oe, { placement: "bottom", open: ve, children: [
+                  /* @__PURE__ */ e(Be, { children: Ce() }),
+                  /* @__PURE__ */ e(ze, { style: { all: "unset" }, children: /* @__PURE__ */ e(Fe, { children: Re() }) })
+                ] })
+              }
+            ),
+            !X && Ne()
+          ] }),
+          /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
+            /* @__PURE__ */ t("div", { className: `price-text ${Y ? "new-price" : ""}`, children: [
+              N > 0 && $ && V !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${re(N)} ${oe($)}` }),
+              Y && /* @__PURE__ */ e("div", { className: `${N > 0 ? "full-price" : ""}`, children: `${re(T)} ${oe($)}` }),
+              V && de,
+              E && ce
+            ] }),
+            /* @__PURE__ */ e("div", { className: "location-text", children: ae })
+          ] }),
+          se === !0 && /* @__PURE__ */ e(je, { sponsoredText: me })
+        ]
+      }
+    )
+  );
+}), Ae = C(f)`
+  @media (max-width: ${M + "px"}) {
+    & > div {
+      &:nth-of-type(even) {
+        display: none;
+      }
+    }
+  }
+`, He = ({ keyPrefix: a }) => /* @__PURE__ */ t(Ae, { children: [
+  /* @__PURE__ */ t(p, { gap: "0.5rem", children: [
+    /* @__PURE__ */ e(
+      w,
+      {
+        height: "100%",
+        width: "100%",
+        borderRadius: "0.75rem"
+      }
+    ),
+    /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }) }),
+    /* @__PURE__ */ t(f, { gap: "0.5rem", children: [
+      /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+      /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+    ] }),
+    /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" }) })
+  ] }, `${a}-1`),
+  /* @__PURE__ */ t(
+    p,
+    {
+      gap: "0.5rem",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ e(
+          w,
+          {
+            height: "100%",
+            width: "100%",
+            borderRadius: "0.75rem"
+          }
+        ),
+        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        ] }),
+        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+      ]
+    },
+    `${a}-2`
+  ),
+  /* @__PURE__ */ t(
+    p,
+    {
+      gap: "0.5rem",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ e(
+          w,
+          {
+            height: "100%",
+            width: "100%",
+            borderRadius: "0.75rem"
+          }
+        ),
+        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        ] }),
+        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+      ]
+    },
+    `${a}-3`
+  ),
+  /* @__PURE__ */ t(
+    p,
+    {
+      gap: "0.5rem",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ e(
+          w,
+          {
+            height: "100%",
+            width: "100%",
+            borderRadius: "0.75rem"
+          }
+        ),
+        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        ] }),
+        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+      ]
+    },
+    `${a}-4`
+  ),
+  /* @__PURE__ */ t(
+    p,
+    {
+      gap: "0.5rem",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ e(
+          w,
+          {
+            height: "100%",
+            width: "100%",
+            borderRadius: "0.75rem"
+          }
+        ),
+        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        ] }),
+        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+      ]
+    },
+    `${a}-5`
+  ),
+  /* @__PURE__ */ t(
+    p,
+    {
+      gap: "0.5rem",
+      noGradient: !0,
+      children: [
+        /* @__PURE__ */ e(
+          w,
+          {
+            height: "100%",
+            width: "100%",
+            borderRadius: "0.75rem"
+          }
+        ),
+        /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
+        /* @__PURE__ */ t(f, { gap: "0.5rem", noGradient: !0, children: [
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
+          /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
+        ] }),
+        /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
+      ]
+    },
+    `${a}-6`
+  )
+] }), mr = ({
+  keyPrefix: a,
+  isLoading: R = !1,
+  fallbackComponent: y = /* @__PURE__ */ e(G, {}),
+  children: P
+}) => /* @__PURE__ */ e(Pe, { fallbackComponent: y, children: R === !0 ? /* @__PURE__ */ e(He, { keyPrefix: a }) : P });
+export {
+  dr as D,
+  mr as S
+};