@vkzstudio/muza-ui 1.8.0 → 1.9.0

package/dist/components/OfferCard/OfferCard.js

@@ -1,23 +1,24 @@
-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 { jsx as e, jsxs as r, Fragment as re } from "react/jsx-runtime";
+import * as k from "react";
+import { cva as C } 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(
+import { disabledLinkProps as E } from "../../utils/disabledLinkProps.js";
+import { DotDivider as oe } from "../DotDivider/DotDivider.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { HeartButton as ie } from "../HeartButton/HeartButton.js";
+import { PriceTag as H } from "../PriceTag/PriceTag.js";
+import { Rating as se } from "../Rating/Rating.js";
+import { Skeleton as m } from "../Skeleton/Skeleton.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { TypographyLink as le } from "../TypographyLink/TypographyLink.js";
+import { cardCompactFillClass as B, cardCompactContainerClass as ne, CardCompactShell as ce, CardCompactSkeleton as de } from "../internal/CardCompactShell.js";
+import { CardImageSlot as me, hasImageContent as fe } from "../internal/CardImageSlot.js";
+const pe = C(
   "group relative inline-flex border border-solid transition-colors focus-visible:outline-none data-[disabled=true]:pointer-events-none",
   {
     variants: {
       variant: {
-        compact: ie,
+        compact: ne,
         search: "flex-row gap-comp-offer-card-search-gap border-transparent"
       },
       isTinted: {
@@ -29,17 +30,17 @@ const de = w(
       {
         variant: "compact",
         isTinted: !1,
-        class: E.default
+        class: B.default
       },
       {
         variant: "compact",
         isTinted: !0,
-        class: E.tinted
+        class: B.tinted
       }
     ],
     defaultVariants: { variant: "compact", isTinted: !1 }
   }
-), me = w("", {
+), ue = C("", {
   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",
@@ -47,7 +48,7 @@ const de = w(
     }
   },
   defaultVariants: { variant: "compact" }
-}), fe = w("", {
+}), he = C("", {
   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",
@@ -55,10 +56,10 @@ const de = w(
     }
   },
   defaultVariants: { variant: "compact" }
-}), 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(
-    d,
+}), w = ({ rating: c, ratingCount: t, disabled: o }) => /* @__PURE__ */ r(v, { align: "center", gap: "2xs", children: [
+  /* @__PURE__ */ e(se, { value: c, allowHalf: !0, disabled: o }),
+  t != null && /* @__PURE__ */ r(
+    n,
     {
       component: "span",
       variant: "body",
@@ -70,211 +71,241 @@ const de = w(
       ),
       children: [
         "(",
-        a,
+        t,
         ")"
       ]
     }
   )
 ] });
-k.displayName = "OfferCard.RatingRow";
-const L = ({
+w.displayName = "OfferCard.RatingRow";
+const P = ({
   variant: c = "compact",
-  color: a = "default",
+  color: t = "default",
   isTinted: o = !1,
-  className: s,
-  ...m
+  className: l,
+  ...f
 }) => c === "compact" ? /* @__PURE__ */ e(
-  ce,
+  de,
   {
-    color: a,
+    color: t,
     isTinted: o,
-    className: s,
-    ...m
+    className: l,
+    ...f
   }
 ) : /* @__PURE__ */ r(
   "div",
   {
     className: i(
       "inline-flex flex-row gap-comp-offer-card-search-gap",
-      s
+      l
     ),
-    ...m,
+    ...f,
     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(
-          n,
+          m,
           {
-            color: a,
+            color: t,
             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(
-          n,
+          m,
           {
-            color: a,
+            color: t,
             className: "size-comp-button-h-xs rounded-full"
           }
         ) })
       ] }),
       /* @__PURE__ */ r(
-        g,
+        v,
         {
           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(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" })
+            /* @__PURE__ */ e(m, { color: t, className: "h-5 w-full" }),
+            /* @__PURE__ */ e(m, { color: t, className: "h-4 w-40" }),
+            /* @__PURE__ */ e(m, { color: t, className: "h-4 w-32" })
           ]
         }
       )
     ]
   }
 );
-L.displayName = "OfferCard.Skeleton";
-const B = C.forwardRef(
-  (c, a) => {
+P.displayName = "OfferCard.Skeleton";
+const W = k.forwardRef(
+  (c, t) => {
     const {
       name: o,
-      image: s,
-      imageAlt: m,
-      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,
+      image: l,
+      imageAlt: f,
+      placeholderIcon: z,
+      placeholderColor: T,
+      logo: d,
+      logoAlt: _,
+      category: $,
+      description: p,
+      vendor: s,
+      vendorHref: O,
+      rating: x,
+      ratingCount: V,
+      price: u,
+      favorite: q,
+      defaultFavorite: A,
+      onFavoriteChange: h,
+      favoriteAriaLabel: G,
+      showFavorite: J = !0,
+      variant: g = "compact",
+      isTinted: K = !1,
+      disabled: a = !1,
+      asChild: M = !1,
+      href: Q,
+      className: U,
+      children: b,
+      ...X
+    } = c, R = f ?? o, S = _ ?? `${s ?? o} logo`, F = fe(l), Z = ue({ variant: g }), I = he({ variant: g }), N = x != null, ee = i(
+      pe({ variant: g, isTinted: K }),
+      U
+    ), Y = 'outline-none after:absolute after:inset-0 after:rounded-[inherit] after:content-[""] focus-visible:outline-none', j = /* @__PURE__ */ e(
+      n,
       {
         component: "h3",
         variant: "title",
         size: "base",
         weight: "medium",
-        className: i("line-clamp-2", Q),
+        className: i("line-clamp-2", Z),
         children: o
       }
-    ), Y = G && C.isValidElement(x) ? C.cloneElement(
-      x,
+    ), L = M && k.isValidElement(b) ? k.cloneElement(
+      b,
       {
-        className: i(I, x.props.className),
-        ...t ? ee : null
+        className: i(Y, b.props.className),
+        ...a ? E : null
       },
       j
-    ) : /* @__PURE__ */ e("a", { href: t ? void 0 : J, className: I, children: j }), D = $ && /* @__PURE__ */ e(
-      te,
+    ) : /* @__PURE__ */ e("a", { href: a ? void 0 : Q, className: Y, children: j }), D = J && /* @__PURE__ */ e(
+      ie,
       {
-        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,
+        active: q,
+        defaultActive: A,
+        onClick: h !== void 0 || A !== void 0 ? (xe, te) => h == null ? void 0 : h(te) : void 0,
+        "aria-label": G,
+        disabled: a,
         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 && [
+          !F && [
             "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 h === "compact" ? N = /* @__PURE__ */ r(
-      se,
+    ), ae = s && /* @__PURE__ */ e("div", { className: "relative z-10 w-fit max-w-full", children: O ? /* @__PURE__ */ e(
+      le,
+      {
+        href: O,
+        size: "sm",
+        weight: "medium",
+        underline: !1,
+        disabled: a,
+        fixY: !0,
+        className: "line-clamp-1",
+        ...a ? E : null,
+        children: s
+      }
+    ) : /* @__PURE__ */ e(
+      n,
+      {
+        component: "span",
+        variant: "body",
+        size: "sm",
+        weight: "medium",
+        fixY: !0,
+        className: i(
+          "line-clamp-1",
+          a ? "text-comp-typography-link-brand-disabled" : "text-comp-typography-link-brand-def"
+        ),
+        children: s
+      }
+    ) });
+    let y = null;
+    return g === "compact" ? y = /* @__PURE__ */ r(
+      ce,
       {
-        image: s,
-        imageAlt: S,
-        placeholderIcon: y,
-        placeholderColor: z,
+        image: l,
+        imageAlt: R,
+        placeholderIcon: z,
+        placeholderColor: T,
         componentName: "OfferCard",
-        category: P,
+        category: $,
         heartButton: D,
-        logo: l,
-        logoAlt: T,
-        disabled: t,
+        logo: d,
+        logoAlt: S,
+        priceTag: u != null ? /* @__PURE__ */ e(H, { disabled: a, children: u }) : void 0,
+        disabled: a,
         children: [
-          Y,
-          b && /* @__PURE__ */ e(
-            k,
+          ae,
+          L,
+          N && /* @__PURE__ */ e(
+            w,
             {
-              rating: v,
-              ratingCount: O,
-              disabled: t
+              rating: x,
+              ratingCount: V,
+              disabled: a
             }
           ),
-          f && /* @__PURE__ */ e(
-            d,
+          p && /* @__PURE__ */ e(
+            n,
             {
               component: "span",
               variant: "body",
               size: "sm",
               weight: "regular",
               fixY: !0,
-              className: F,
-              children: f
+              className: I,
+              children: p
             }
           )
         ]
       }
-    ) : N = /* @__PURE__ */ r(Z, { children: [
+    ) : y = /* @__PURE__ */ r(re, { children: [
       /* @__PURE__ */ r(
-        le,
+        me,
         {
-          image: s,
-          alt: S,
-          placeholderIcon: y,
-          placeholderColor: z,
+          image: l,
+          alt: R,
+          placeholderIcon: z,
+          placeholderColor: T,
           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: [
-            V && /* @__PURE__ */ e(
+            F && /* @__PURE__ */ e(
               "div",
               {
                 "aria-hidden": "true",
                 className: "absolute inset-0 bg-gradient-to-b from-black/50 to-black/0 to-50%"
               }
             ),
-            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 }) }),
+            d && /* @__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 d == "string" ? /* @__PURE__ */ e("img", { src: d, alt: S }) : d }) }),
             /* @__PURE__ */ e("div", { className: "absolute top-comp-offer-card-search-p-img left-comp-offer-card-search-p-img", children: D })
           ]
         }
       ),
       /* @__PURE__ */ r(
-        g,
+        v,
         {
           direction: "column",
           flex: 1,
           className: "min-w-0 gap-comp-offer-card-search-gap-text pt-comp-offer-card-search-p-top-text",
           children: [
-            Y,
-            /* @__PURE__ */ r(g, { align: "center", gap: "sm", wrap: "wrap", children: [
-              p && /* @__PURE__ */ e(
-                d,
+            L,
+            /* @__PURE__ */ r(v, { align: "center", gap: "sm", wrap: "wrap", children: [
+              s && /* @__PURE__ */ e(
+                n,
                 {
                   component: "span",
                   variant: "body",
@@ -282,32 +313,32 @@ const B = C.forwardRef(
                   weight: "regular",
                   fixY: !0,
                   className: i(
-                    t ? "text-text-dark-disabled" : "text-text-dark-primary-def"
+                    a ? "text-text-dark-disabled" : "text-text-dark-primary-def"
                   ),
-                  children: p
+                  children: s
                 }
               ),
-              p && b && /* @__PURE__ */ e(ae, {}),
-              b && /* @__PURE__ */ e(
-                k,
+              s && N && /* @__PURE__ */ e(oe, {}),
+              N && /* @__PURE__ */ e(
+                w,
                 {
-                  rating: v,
-                  ratingCount: O,
-                  disabled: t
+                  rating: x,
+                  ratingCount: V,
+                  disabled: a
                 }
               )
             ] }),
-            A != null && /* @__PURE__ */ e(re, { disabled: t, children: A }),
-            f && /* @__PURE__ */ e(
-              d,
+            u != null && /* @__PURE__ */ e(H, { disabled: a, children: u }),
+            p && /* @__PURE__ */ e(
+              n,
               {
                 component: "span",
                 variant: "body",
                 size: "sm",
                 weight: "regular",
                 fixY: !0,
-                className: F,
-                children: f
+                className: I,
+                children: p
               }
             )
           ]
@@ -316,22 +347,22 @@ const B = C.forwardRef(
     ] }), /* @__PURE__ */ e(
       "div",
       {
-        ref: a,
-        className: U,
-        "data-disabled": t || void 0,
-        "aria-disabled": t || void 0,
-        ...M,
-        children: N
+        ref: t,
+        className: ee,
+        "data-disabled": a || void 0,
+        "aria-disabled": a || void 0,
+        ...X,
+        children: y
       }
     );
   }
 );
-B.displayName = "OfferCard";
-const pe = B;
-pe.Skeleton = L;
+W.displayName = "OfferCard";
+const ge = W;
+ge.Skeleton = P;
 export {
-  pe as OfferCard,
-  fe as offerCardDescriptionVariants,
-  me as offerCardTitleVariants,
-  de as offerCardVariants
+  ge as OfferCard,
+  he as offerCardDescriptionVariants,
+  ue as offerCardTitleVariants,
+  pe as offerCardVariants
 };

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

@@ -4,6 +4,7 @@ declare const meta: Meta<typeof OfferCard>;
 export default meta;
 type Story = StoryObj<typeof OfferCard>;
 export declare const Compact: Story;
+export declare const CompactWithPriceAndPartner: Story;
 export declare const CompactPlaceholder: Story;
 export declare const CompactSkeleton: Story;
 export declare const CompactTinted: Story;

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;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"}
+{"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,CAkDhC,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,0BAA0B,EAAE,KA8CxC,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"}

package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveBreakpoint } from '../../hooks/use-is-breakpoint';
+import { ResponsiveBreakpoint } from '../../utils/breakpoints';
 import * as React from 'react';
 /**
  * Column definition for a single layout of the ResponsiveLayoutTable.

package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveLayoutTable.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveLayoutTable/ResponsiveLayoutTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResponsiveLayoutTable.d.ts","sourceRoot":"","sources":["../../../src/components/ResponsiveLayoutTable/ResponsiveLayoutTable.tsx"],"names":[],"mappings":"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"}

package/dist/components/internal/CardCompactShell.d.ts

@@ -38,6 +38,12 @@ export interface CardCompactShellProps {
     logo?: string | React.ReactNode;
     /** Alt text for the built-in logo `<img>`. Ignored when `logo` is a React node. */
     logoAlt: string;
+    /**
+     * Price pill pinned to the bottom-left of the image. Occupies the same
+     * corner as `logo`, so passing both is a composition error — the price
+     * wins and a development warning is logged.
+     */
+    priceTag?: React.ReactNode;
     /** Whether the owning card is disabled — drops the category chip's tint. */
     disabled?: boolean;
     /** Text-column content: the title link, and whatever rows sit under it. */
@@ -55,7 +61,7 @@ export interface CardCompactShellProps {
  * Internal helper. Not part of the public API.
  */
 declare const CardCompactShell: {
-    ({ image, imageAlt, placeholderIcon, placeholderColor, componentName, category, heartButton, logo, logoAlt, disabled, children, }: CardCompactShellProps): import("react/jsx-runtime").JSX.Element;
+    ({ image, imageAlt, placeholderIcon, placeholderColor, componentName, category, heartButton, logo, logoAlt, priceTag, disabled, children, }: CardCompactShellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export interface CardCompactSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {

package/dist/components/internal/CardCompactShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardCompactShell.d.ts","sourceRoot":"","sources":["../../../src/components/internal/CardCompactShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,oRAC6O,CAAA;AAEnR;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;CAKvB,CAAA;AAMV,MAAM,WAAW,qBAAqB;IACpC,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,mFAAmF;IACnF,OAAO,EAAE,MAAM,CAAA;IACf,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,gBAAgB;uIAYnB,qBAAqB;;CAkEvB,CAAA;AAGD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC3B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB;+CAKtB,wBAAwB;;CAuC1B,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"CardCompactShell.d.ts","sourceRoot":"","sources":["../../../src/components/internal/CardCompactShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B;;;;;;;;;GASG;AACH,eAAO,MAAM,yBAAyB,oRAC6O,CAAA;AAEnR;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;CAKvB,CAAA;AAMV,MAAM,WAAW,qBAAqB;IACpC,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kEAAkE;IAClE,aAAa,EAAE,MAAM,CAAA;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,mFAAmF;IACnF,OAAO,EAAE,MAAM,CAAA;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,gBAAgB;iJAanB,qBAAqB;;CAkFvB,CAAA;AAGD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC3B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB;+CAKtB,wBAAwB;;CAuC1B,CAAA;AAGD,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}