@vkzstudio/muza-ui 1.6.0 → 1.7.0

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

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const offerCardVariants: (props?: ({
     variant?: "search" | "compact" | null | undefined;
-    type?: "default" | "promo" | null | undefined;
+    isTinted?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const offerCardTitleVariants: (props?: ({
     variant?: "search" | "compact" | null | undefined;
@@ -11,7 +11,6 @@ declare const offerCardDescriptionVariants: (props?: ({
     variant?: "search" | "compact" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type OfferCardVariant = 'compact' | 'search';
-type OfferCardType = 'default' | 'promo';
 /** Props for the `OfferCard.Skeleton` subcomponent. */
 export interface OfferCardSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /**
@@ -29,16 +28,16 @@ export interface OfferCardSkeletonProps extends Omit<React.HTMLAttributes<HTMLDi
      */
     color?: 'default' | 'light';
     /**
-     * Mirrors `OfferCard.type` so the skeleton reserves the same tinted
-     * background when standing in for a `'promo'` compact card. Has no effect
-     * on the `'search'` variant.
+     * Mirrors `OfferCard.isTinted` so the skeleton reserves the same tinted
+     * background when standing in for a tinted compact card. Has no effect on
+     * the `'search'` variant.
      *
-     * @default 'default'
+     * @default false
      */
-    type?: OfferCardType;
+    isTinted?: boolean;
 }
 declare const OfferCardSkeleton: {
-    ({ variant, color, type, className, ...props }: OfferCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    ({ variant, color, isTinted, className, ...props }: OfferCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**
@@ -47,7 +46,7 @@ declare const OfferCardSkeleton: {
  * children/asChild axis are split into the two members of the discriminated
  * union below.
  */
-export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVariants>, 'variant' | 'type'> {
+export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVariants>, 'variant' | 'isTinted'> {
     /** Offer title — primary heading rendered inside the clickable link. */
     name: string;
     /**
@@ -55,13 +54,37 @@ export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVa
      * custom React node such as a Next.js `<Image>` element. The wrapper
      * handles sizing, rounded corners, overflow, and the disabled dim; any
      * direct `<img>` child is auto-stretched to fill the wrapper.
+     *
+     * Omit it (or pass `undefined`) to render the placeholder instead — pair
+     * that with `placeholderIcon` and `placeholderColor`.
      */
-    image: string | React.ReactNode;
+    image?: string | React.ReactNode;
     /**
      * Alt text for the built-in `<img>` (used when `image` is a string).
      * Defaults to `name`. Ignored when `image` is a custom React node.
      */
     imageAlt?: string;
+    /**
+     * Decorative icon rendered centred in the image area when `image` is
+     * absent — typically the market-category icon for the offer. Sized by the
+     * card (56px on desktop, 40px below `md` on `compact`) and coloured via
+     * `currentColor`, so pass a bare Solar icon element.
+     *
+     * @example
+     * <OfferCard
+     *   name="Concert"
+     *   placeholderIcon={<MusicNoteBold />}
+     *   placeholderColor="#e4329c"
+     * />
+     */
+    placeholderIcon?: React.ReactNode;
+    /**
+     * Any CSS color string driving the placeholder. The image area is filled
+     * with the color at 20% alpha, the icon and the category `Tag` take the
+     * full color. Omit to fall back to the brand-tertiary tint with a
+     * tertiary-grey icon.
+     */
+    placeholderColor?: string;
     /**
      * Optional partner / merchant logo — either a URL string (rendered as a
      * plain `<img>`) or a custom React node such as a Next.js `<Image>`.
@@ -104,6 +127,12 @@ export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVa
     rating?: number;
     /** Review count shown as `(N)` next to the rating. Only shown when `rating` is set. */
     ratingCount?: number;
+    /**
+     * Formatted price rendered as a `PriceTag` pill below the vendor/rating
+     * row — e.g. `"100 Kč"`. Formatting is the consumer's responsibility.
+     * Only rendered on the `search` variant; omit to hide the pill.
+     */
+    price?: React.ReactNode;
     /**
      * Controlled favorite state for the embedded `HeartButton`. When provided,
      * the heart does not manage its own state.
@@ -138,14 +167,14 @@ export interface OfferCardBaseProps extends Omit<VariantProps<typeof offerCardVa
      */
     variant?: OfferCardVariant;
     /**
-     * Fill style for the `compact` variant. `'promo'` swaps the card's
-     * transparent fill for a tinted `--color-surface-base-secondary`
-     * background, visually highlighting promoted offers in a grid. Has no
-     * effect on the `search` variant.
+     * Swaps the `compact` card's transparent fill for a tinted
+     * `--color-surface-base-secondary` background, used to highlight promoted
+     * entries in a grid. `PartnerCard` takes the same prop, so a mixed promo
+     * band tints uniformly. Has no effect on the `search` variant.
      *
-     * @default 'default'
+     * @default false
      */
-    type?: OfferCardType;
+    isTinted?: boolean;
     /**
      * Disabled visual state. Adds the disabled border, dims the image, and
      * grays the text. The anchor's `href` is also stripped so the card is
@@ -202,5 +231,4 @@ declare const OfferCardWithSkeleton: typeof OfferCard & {
     Skeleton: typeof OfferCardSkeleton;
 };
 export { OfferCardWithSkeleton as OfferCard, offerCardVariants, offerCardTitleVariants, offerCardDescriptionVariants, };
-export type { OfferCardType };
 //# sourceMappingURL=OfferCard.d.ts.map

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

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