@vkzstudio/muza-ui 1.6.0 → 1.8.0

package/dist/components/OfferCard/OfferCard.js

@@ -1,43 +1,45 @@
-import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import * as w from "react";
-import { cva as z } from "class-variance-authority";
-import { cn as s } from "../../utils/cn.js";
-import { disabledLinkProps as Q } from "../../utils/disabledLinkProps.js";
-import { DotDivider as U } from "../DotDivider/DotDivider.js";
-import { Flex as f } from "../Flex/Flex.js";
-import { HeartButton as X } from "../HeartButton/HeartButton.js";
-import { Rating as Z } from "../Rating/Rating.js";
-import { Skeleton as o } from "../Skeleton/Skeleton.js";
-import { Tag as ee } from "../Tag/Tag.js";
-import { Typography as n } from "../Typography/Typography.js";
-const ae = z(
+import { jsx as e, jsxs as r, Fragment as Z } from "react/jsx-runtime";
+import * as C from "react";
+import { cva as w } from "class-variance-authority";
+import { cn as i } from "../../utils/cn.js";
+import { disabledLinkProps as ee } from "../../utils/disabledLinkProps.js";
+import { DotDivider as ae } from "../DotDivider/DotDivider.js";
+import { Flex as g } from "../Flex/Flex.js";
+import { HeartButton as te } from "../HeartButton/HeartButton.js";
+import { PriceTag as re } from "../PriceTag/PriceTag.js";
+import { Rating as oe } from "../Rating/Rating.js";
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
+import { Typography as d } from "../Typography/Typography.js";
+import { cardCompactFillClass as E, cardCompactContainerClass as ie, CardCompactShell as se, CardCompactSkeleton as ce } from "../internal/CardCompactShell.js";
+import { CardImageSlot as le, hasImageContent as ne } from "../internal/CardImageSlot.js";
+const de = w(
   "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
   {
     variants: {
       variant: {
-        compact: "flex-col overflow-hidden rounded-comp-offer-card-compact-radius border-comp-offer-card-stroke-default has-[a:focus-visible]:border-comp-offer-card-stroke-focused has-[a:hover]:border-comp-offer-card-stroke-hover data-[disabled=true]:border-comp-offer-card-stroke-disabled",
+        compact: ie,
         search: "flex-row gap-comp-offer-card-search-gap border-transparent"
       },
-      type: {
-        default: "",
-        promo: ""
+      isTinted: {
+        true: "",
+        false: ""
       }
     },
     compoundVariants: [
       {
         variant: "compact",
-        type: "default",
-        class: "bg-comp-offer-card-fill-def-default has-[a:focus-visible]:bg-comp-offer-card-fill-def-focused has-[a:hover]:bg-comp-offer-card-fill-def-hover data-[disabled=true]:bg-comp-offer-card-fill-def-disabled"
+        isTinted: !1,
+        class: E.default
       },
       {
         variant: "compact",
-        type: "promo",
-        class: "bg-comp-offer-card-fill-promo-default has-[a:focus-visible]:bg-comp-offer-card-fill-promo-focused has-[a:hover]:bg-comp-offer-card-fill-promo-hover data-[disabled=true]:bg-comp-offer-card-fill-promo-disabled"
+        isTinted: !0,
+        class: E.tinted
       }
     ],
-    defaultVariants: { variant: "compact", type: "default" }
+    defaultVariants: { variant: "compact", isTinted: !1 }
   }
-), re = z("", {
+), me = w("", {
   variants: {
     variant: {
       compact: "text-text-dark-primary-def group-has-[a:focus-visible]:text-text-brand-focused group-has-[a:hover]:text-text-brand-hover group-data-[disabled=true]:text-text-dark-disabled",
@@ -45,7 +47,7 @@ const ae = z(
     }
   },
   defaultVariants: { variant: "compact" }
-}), oe = z("", {
+}), fe = w("", {
   variants: {
     variant: {
       compact: "mt-auto line-clamp-1 text-text-dark-secondary group-has-[a:focus-visible]:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled",
@@ -53,18 +55,18 @@ const ae = z(
     }
   },
   defaultVariants: { variant: "compact" }
-}), k = ({ rating: c, ratingCount: a, disabled: t }) => /* @__PURE__ */ r(f, { align: "center", gap: "2xs", children: [
-  /* @__PURE__ */ e(Z, { value: c, allowHalf: !0, disabled: t }),
+}), k = ({ rating: c, ratingCount: a, disabled: o }) => /* @__PURE__ */ r(g, { align: "center", gap: "2xs", children: [
+  /* @__PURE__ */ e(oe, { value: c, allowHalf: !0, disabled: o }),
   a != null && /* @__PURE__ */ r(
-    n,
+    d,
     {
       component: "span",
       variant: "body",
       size: "sm",
       weight: "regular",
       fixY: !0,
-      className: s(
-        t ? "text-text-dark-disabled" : "text-text-dark-primary-def"
+      className: i(
+        o ? "text-text-dark-disabled" : "text-text-dark-primary-def"
       ),
       children: [
         "(",
@@ -75,83 +77,39 @@ const ae = z(
   )
 ] });
 k.displayName = "OfferCard.RatingRow";
-const E = ({
+const L = ({
   variant: c = "compact",
   color: a = "default",
-  type: t = "default",
-  className: l,
+  isTinted: o = !1,
+  className: s,
   ...m
-}) => c === "compact" ? /* @__PURE__ */ r(
-  "div",
+}) => c === "compact" ? /* @__PURE__ */ e(
+  ce,
   {
-    className: s(
-      "inline-flex flex-col overflow-hidden rounded-comp-offer-card-compact-radius border border-solid border-comp-offer-card-stroke-default",
-      t === "promo" ? "bg-comp-offer-card-fill-promo-default" : "bg-comp-offer-card-fill-def-default",
-      l
-    ),
-    ...m,
-    children: [
-      /* @__PURE__ */ r("div", { className: "relative aspect-[288/162] w-full shrink-0 overflow-hidden", children: [
-        /* @__PURE__ */ e(
-          o,
-          {
-            color: a,
-            className: "absolute inset-0 size-full rounded-none"
-          }
-        ),
-        /* @__PURE__ */ r("div", { className: "absolute top-comp-offer-card-compact-p-img right-comp-offer-card-compact-p-img left-comp-offer-card-compact-p-img flex items-center justify-between", children: [
-          /* @__PURE__ */ e(
-            o,
-            {
-              color: a,
-              className: "h-comp-tag-h-def w-16 rounded-full"
-            }
-          ),
-          /* @__PURE__ */ e(
-            o,
-            {
-              color: a,
-              className: "size-comp-button-h-xs rounded-full"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ r(
-        f,
-        {
-          direction: "column",
-          flex: 1,
-          gap: "2xs",
-          className: "px-comp-offer-card-compact-p pt-comp-offer-card-compact-p-top pb-comp-offer-card-compact-p",
-          children: [
-            /* @__PURE__ */ e(o, { color: a, className: "h-5 w-full" }),
-            /* @__PURE__ */ e(o, { color: a, className: "h-5 w-3/4" }),
-            /* @__PURE__ */ e(o, { color: a, className: "mt-2xs h-4 w-32" }),
-            /* @__PURE__ */ e(o, { color: a, className: "mt-2xs h-4 w-24" })
-          ]
-        }
-      )
-    ]
+    color: a,
+    isTinted: o,
+    className: s,
+    ...m
   }
 ) : /* @__PURE__ */ r(
   "div",
   {
-    className: s(
+    className: i(
       "inline-flex flex-row gap-comp-offer-card-search-gap",
-      l
+      s
     ),
     ...m,
     children: [
       /* @__PURE__ */ r("div", { className: "relative h-comp-offer-card-search-h-img w-comp-offer-card-search-w-img shrink-0 overflow-hidden rounded-comp-offer-card-search-radius-img", children: [
         /* @__PURE__ */ e(
-          o,
+          n,
           {
             color: a,
             className: "absolute inset-0 size-full rounded-none"
           }
         ),
         /* @__PURE__ */ e("div", { className: "absolute top-comp-offer-card-search-p-img left-comp-offer-card-search-p-img", children: /* @__PURE__ */ e(
-          o,
+          n,
           {
             color: a,
             className: "size-comp-button-h-xs rounded-full"
@@ -159,241 +117,197 @@ const E = ({
         ) })
       ] }),
       /* @__PURE__ */ r(
-        f,
+        g,
         {
           direction: "column",
           flex: 1,
           gap: "sm",
           className: "min-w-0 gap-comp-offer-card-search-gap-text pt-comp-offer-card-search-p-top-text",
           children: [
-            /* @__PURE__ */ e(o, { color: a, className: "h-5 w-full" }),
-            /* @__PURE__ */ e(o, { color: a, className: "h-4 w-40" }),
-            /* @__PURE__ */ e(o, { color: a, className: "h-4 w-32" })
+            /* @__PURE__ */ e(n, { color: a, className: "h-5 w-full" }),
+            /* @__PURE__ */ e(n, { color: a, className: "h-4 w-40" }),
+            /* @__PURE__ */ e(n, { color: a, className: "h-4 w-32" })
           ]
         }
       )
     ]
   }
 );
-E.displayName = "OfferCard.Skeleton";
-const y = ({
-  image: c,
-  alt: a,
-  wrapperClassName: t,
-  children: l
-}) => /* @__PURE__ */ r("div", { className: t, children: [
-  /* @__PURE__ */ e(
-    "div",
-    {
-      className: s(
-        "absolute inset-0 overflow-hidden",
-        "[&>img]:size-full [&>img]:object-cover",
-        "transition-transform duration-300 ease-out group-hover:scale-110",
-        "group-data-[disabled=true]:opacity-50",
-        "group-data-[disabled=true]:grayscale",
-        "group-data-[disabled=true]:group-hover:scale-100"
-      ),
-      children: typeof c == "string" ? /* @__PURE__ */ e("img", { src: c, alt: a }) : c
-    }
-  ),
-  l
-] });
-y.displayName = "OfferCard.ImageSlot";
-const L = w.forwardRef(
+L.displayName = "OfferCard.Skeleton";
+const B = C.forwardRef(
   (c, a) => {
     const {
-      name: t,
-      image: l,
+      name: o,
+      image: s,
       imageAlt: m,
-      logo: i,
-      logoAlt: T,
-      category: C,
-      description: p,
-      vendor: u,
-      rating: b,
-      ratingCount: j,
-      favorite: B,
-      defaultFavorite: O,
-      onFavoriteChange: h,
-      favoriteAriaLabel: H,
-      showFavorite: P = !0,
-      variant: g = "compact",
-      type: W = "default",
-      disabled: d = !1,
-      asChild: _ = !1,
-      href: $,
-      className: q,
-      children: v,
-      ...G
-    } = c, R = m ?? t, V = T ?? `${u ?? t} logo`, J = re({ variant: g }), S = oe({ variant: g }), x = b != null, K = s(
-      ae({ variant: g, type: W }),
-      q
-    ), A = 'outline-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[""] focus-visible:outline-none', F = /* @__PURE__ */ e(
-      n,
+      placeholderIcon: y,
+      placeholderColor: z,
+      logo: l,
+      logoAlt: H,
+      category: P,
+      description: f,
+      vendor: p,
+      rating: v,
+      ratingCount: O,
+      price: A,
+      favorite: W,
+      defaultFavorite: R,
+      onFavoriteChange: u,
+      favoriteAriaLabel: _,
+      showFavorite: $ = !0,
+      variant: h = "compact",
+      isTinted: q = !1,
+      disabled: t = !1,
+      asChild: G = !1,
+      href: J,
+      className: K,
+      children: x,
+      ...M
+    } = c, S = m ?? o, T = H ?? `${p ?? o} logo`, V = ne(s), Q = me({ variant: h }), F = fe({ variant: h }), b = v != null, U = i(
+      de({ variant: h, isTinted: q }),
+      K
+    ), I = 'outline-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[""] focus-visible:outline-none', j = /* @__PURE__ */ e(
+      d,
       {
         component: "h3",
         variant: "title",
         size: "base",
         weight: "medium",
-        className: s("line-clamp-2", J),
-        children: t
+        className: i("line-clamp-2", Q),
+        children: o
       }
-    ), I = _ && w.isValidElement(v) ? w.cloneElement(
-      v,
+    ), Y = G && C.isValidElement(x) ? C.cloneElement(
+      x,
       {
-        className: s(A, v.props.className),
-        ...d ? Q : null
+        className: i(I, x.props.className),
+        ...t ? ee : null
       },
-      F
-    ) : /* @__PURE__ */ e("a", { href: d ? void 0 : $, className: A, children: F }), Y = P && /* @__PURE__ */ e(
-      X,
+      j
+    ) : /* @__PURE__ */ e("a", { href: t ? void 0 : J, className: I, children: j }), D = $ && /* @__PURE__ */ e(
+      te,
       {
-        active: B,
-        defaultActive: O,
-        onClick: h !== void 0 || O !== void 0 ? (se, M) => h == null ? void 0 : h(M) : void 0,
-        "aria-label": H,
-        disabled: d,
-        className: "relative z-10"
+        active: W,
+        defaultActive: R,
+        onClick: u !== void 0 || R !== void 0 ? (he, X) => u == null ? void 0 : u(X) : void 0,
+        "aria-label": _,
+        disabled: t,
+        className: i(
+          "relative z-10",
+          // Without a photo behind it the default invert (white) heart would
+          // be invisible on the light placeholder tint, so switch to the
+          // primary-ghost colour ramp.
+          !V && [
+            "text-comp-button-primary-ghost-text-def hover:text-comp-button-primary-ghost-text-hover focus-visible:text-comp-button-primary-ghost-text-focused",
+            "disabled:text-comp-button-primary-ghost-text-disabled data-[disabled=true]:text-comp-button-primary-ghost-text-disabled"
+          ]
+        )
       }
     );
     let N = null;
-    return g === "compact" ? N = /* @__PURE__ */ r(D, { children: [
-      /* @__PURE__ */ r("div", { className: "relative w-full shrink-0", children: [
-        /* @__PURE__ */ r(
-          y,
-          {
-            image: l,
-            alt: R,
-            wrapperClassName: "relative aspect-[288/162] w-full overflow-hidden",
-            children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  "aria-hidden": "true",
-                  className: "absolute inset-0 bg-gradient-to-t from-black/0 from-50% to-black/70"
-                }
-              ),
-              /* @__PURE__ */ r("div", { className: "absolute top-comp-offer-card-compact-p-img right-comp-offer-card-compact-p-img left-comp-offer-card-compact-p-img flex items-start justify-between gap-sm", children: [
-                C ? /* @__PURE__ */ e(
-                  ee,
-                  {
-                    variant: "invert",
-                    className: "min-w-[50px] shrink overflow-hidden",
-                    children: C
-                  }
-                ) : /* @__PURE__ */ e("span", {}),
-                Y
-              ] })
-            ]
-          }
-        ),
-        i && /* @__PURE__ */ e(
-          "div",
-          {
-            className: s(
-              "pointer-events-none absolute bottom-comp-offer-card-compact-logo-y left-comp-offer-card-compact-logo-x z-10 size-comp-offer-card-compact-logo-size overflow-hidden rounded-full border-2 border-stroke-base-secondary bg-comp-offer-card-fill-def-default",
-              "[&>img]:size-full [&>img]:object-cover",
-              "group-data-[disabled=true]:grayscale"
-            ),
-            children: typeof i == "string" ? /* @__PURE__ */ e("img", { src: i, alt: V }) : i
-          }
-        )
-      ] }),
-      /* @__PURE__ */ r(
-        f,
-        {
-          direction: "column",
-          flex: 1,
-          gap: "2xs",
-          className: "px-comp-offer-card-compact-p pt-comp-offer-card-compact-p-top pb-comp-offer-card-compact-p",
-          children: [
-            I,
-            x && /* @__PURE__ */ e(
-              k,
-              {
-                rating: b,
-                ratingCount: j,
-                disabled: d
-              }
-            ),
-            p && /* @__PURE__ */ e(
-              n,
-              {
-                component: "span",
-                variant: "body",
-                size: "sm",
-                weight: "regular",
-                fixY: !0,
-                className: S,
-                children: p
-              }
-            )
-          ]
-        }
-      )
-    ] }) : N = /* @__PURE__ */ r(D, { children: [
+    return h === "compact" ? N = /* @__PURE__ */ r(
+      se,
+      {
+        image: s,
+        imageAlt: S,
+        placeholderIcon: y,
+        placeholderColor: z,
+        componentName: "OfferCard",
+        category: P,
+        heartButton: D,
+        logo: l,
+        logoAlt: T,
+        disabled: t,
+        children: [
+          Y,
+          b && /* @__PURE__ */ e(
+            k,
+            {
+              rating: v,
+              ratingCount: O,
+              disabled: t
+            }
+          ),
+          f && /* @__PURE__ */ e(
+            d,
+            {
+              component: "span",
+              variant: "body",
+              size: "sm",
+              weight: "regular",
+              fixY: !0,
+              className: F,
+              children: f
+            }
+          )
+        ]
+      }
+    ) : N = /* @__PURE__ */ r(Z, { children: [
       /* @__PURE__ */ r(
-        y,
+        le,
         {
-          image: l,
-          alt: R,
+          image: s,
+          alt: S,
+          placeholderIcon: y,
+          placeholderColor: z,
+          componentName: "OfferCard",
           wrapperClassName: "relative shrink-0 overflow-hidden rounded-comp-offer-card-search-radius-img h-comp-offer-card-search-h-img w-comp-offer-card-search-w-img",
           children: [
-            /* @__PURE__ */ e(
+            V && /* @__PURE__ */ e(
               "div",
               {
                 "aria-hidden": "true",
                 className: "absolute inset-0 bg-gradient-to-b from-black/50 to-black/0 to-50%"
               }
             ),
-            i && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-surface-base-overlay", children: /* @__PURE__ */ e("div", { className: "size-comp-offer-card-search-logo-size overflow-hidden rounded-full border-(length:--spacing-comp-offer-card-search-logo-stroke) border-solid border-stroke-base-secondary group-data-[disabled=true]:grayscale [&>img]:size-full [&>img]:object-cover", children: typeof i == "string" ? /* @__PURE__ */ e("img", { src: i, alt: V }) : i }) }),
-            /* @__PURE__ */ e("div", { className: "absolute top-comp-offer-card-search-p-img left-comp-offer-card-search-p-img", children: Y })
+            l && /* @__PURE__ */ e("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-surface-base-overlay", children: /* @__PURE__ */ e("div", { className: "size-comp-offer-card-search-logo-size overflow-hidden rounded-full border-(length:--spacing-comp-offer-card-search-logo-stroke) border-solid border-stroke-base-secondary group-data-[disabled=true]:grayscale [&>img]:size-full [&>img]:object-cover", children: typeof l == "string" ? /* @__PURE__ */ e("img", { src: l, alt: T }) : l }) }),
+            /* @__PURE__ */ e("div", { className: "absolute top-comp-offer-card-search-p-img left-comp-offer-card-search-p-img", children: D })
           ]
         }
       ),
       /* @__PURE__ */ r(
-        f,
+        g,
         {
           direction: "column",
           flex: 1,
           className: "min-w-0 gap-comp-offer-card-search-gap-text pt-comp-offer-card-search-p-top-text",
           children: [
-            I,
-            /* @__PURE__ */ r(f, { align: "center", gap: "sm", wrap: "wrap", children: [
-              u && /* @__PURE__ */ e(
-                n,
+            Y,
+            /* @__PURE__ */ r(g, { align: "center", gap: "sm", wrap: "wrap", children: [
+              p && /* @__PURE__ */ e(
+                d,
                 {
                   component: "span",
                   variant: "body",
                   size: "base",
                   weight: "regular",
                   fixY: !0,
-                  className: s(
-                    d ? "text-text-dark-disabled" : "text-text-dark-primary-def"
+                  className: i(
+                    t ? "text-text-dark-disabled" : "text-text-dark-primary-def"
                   ),
-                  children: u
+                  children: p
                 }
               ),
-              u && x && /* @__PURE__ */ e(U, {}),
-              x && /* @__PURE__ */ e(
+              p && b && /* @__PURE__ */ e(ae, {}),
+              b && /* @__PURE__ */ e(
                 k,
                 {
-                  rating: b,
-                  ratingCount: j,
-                  disabled: d
+                  rating: v,
+                  ratingCount: O,
+                  disabled: t
                 }
               )
             ] }),
-            p && /* @__PURE__ */ e(
-              n,
+            A != null && /* @__PURE__ */ e(re, { disabled: t, children: A }),
+            f && /* @__PURE__ */ e(
+              d,
               {
                 component: "span",
                 variant: "body",
                 size: "sm",
                 weight: "regular",
                 fixY: !0,
-                className: S,
-                children: p
+                className: F,
+                children: f
               }
             )
           ]
@@ -403,21 +317,21 @@ const L = w.forwardRef(
       "div",
       {
         ref: a,
-        className: K,
-        "data-disabled": d || void 0,
-        "aria-disabled": d || void 0,
-        ...G,
+        className: U,
+        "data-disabled": t || void 0,
+        "aria-disabled": t || void 0,
+        ...M,
         children: N
       }
     );
   }
 );
-L.displayName = "OfferCard";
-const te = L;
-te.Skeleton = E;
+B.displayName = "OfferCard";
+const pe = B;
+pe.Skeleton = L;
 export {
-  te as OfferCard,
-  oe as offerCardDescriptionVariants,
-  re as offerCardTitleVariants,
-  ae as offerCardVariants
+  pe as OfferCard,
+  fe as offerCardDescriptionVariants,
+  me as offerCardTitleVariants,
+  de as offerCardVariants
 };

package/dist/components/OfferCard/OfferCard.stories.d.ts

@@ -4,12 +4,15 @@ declare const meta: Meta<typeof OfferCard>;
 export default meta;
 type Story = StoryObj<typeof OfferCard>;
 export declare const Compact: Story;
+export declare const CompactPlaceholder: Story;
 export declare const CompactSkeleton: Story;
-export declare const CompactPromo: Story;
-export declare const CompactPromoSkeleton: Story;
+export declare const CompactTinted: Story;
+export declare const CompactTintedSkeleton: Story;
 export declare const Search: Story;
+export declare const SearchPlaceholder: Story;
 export declare const SearchSkeleton: Story;
 export declare const WithFavoriteControlled: Story;
 export declare const WithFavoriteNonInteractive: Story;
 export declare const AsChildLink: Story;
+export declare const AsChildDisabled: Story;
 //# sourceMappingURL=OfferCard.stories.d.ts.map

package/dist/components/OfferCard/OfferCard.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OfferCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/OfferCard/OfferCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAyIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiDhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAyBpC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAmBxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA"}
+{"version":3,"file":"OfferCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/OfferCard/OfferCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AA6IvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAiDhC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAEvC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA2B3B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA4BpB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAyD/B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAyBpC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAmBxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAkB7B,CAAA"}