@vio-live/web-sdk 0.28.0 → 0.32.0

package/dist/{tokens-y0KzN7bP.d.ts → tokens-D1DCVzOf.d.ts}

@@ -9,6 +9,18 @@ declare class VioProduct extends LitElement {
     name: string;
     /** Pre-formatted price string (e.g. "990 kr"). Bold. */
     price: string;
+    /** Short text under the name (plain text, cut after --vio-card-description-lines, 4). Shown only with `show-description`. */
+    description: string;
+    /** Show `description` under the name. Off by default. */
+    showDescription: boolean;
+    /**
+     * The buy button, as in the Vev card: `icon` (the round bag on the image —
+     * default), `bar` (a full-width button under the price) or `hidden`. Both
+     * add to the cart, or open the product when it has sizes to pick.
+     */
+    buttonStyle: 'icon' | 'bar' | 'hidden';
+    /** Text of the `bar` button (default «Kjøp»); «Kjøp · 2» once two are in the cart. */
+    buttonLabel: string;
     /** Retailer / sponsor name shown at the bottom (uppercase, gray). */
     retailer: string;
     /** Product image URL. Square aspect, gray bg if missing. */
@@ -135,6 +147,26 @@ declare class VioProductCarousel extends LitElement {
     productRefs: string;
     /** Currency for product prices. */
     currency: string;
+    /**
+     * `carousel` (default: one row that scrolls sideways) or `list` (the cards
+     * one under the other, full width, like products inside an article). Unset
+     * = the theme's `carouselLayout` (`--vio-carousel-layout`).
+     */
+    layout: string;
+    /** Every card shows its product's description (see `descriptions` to write your own). Off by default. */
+    showDescription: boolean;
+    /**
+     * The editor's own text per product, over the catalogue's: `{ "<productId>": "text" }`
+     * (attribute: the same as JSON). Shown even without `show-description`; `""`
+     * hides that product's description.
+     */
+    descriptions: Record<string, string>;
+    /** The cards' buy button: `icon` (default), `bar` or `hidden` — see `<vio-product>`. */
+    buttonStyle: 'icon' | 'bar' | 'hidden';
+    /** Text of the `bar` button (default «Kjøp»). */
+    buttonLabel: string;
+    /** `layout` resolved against the theme on connect. */
+    private resolvedLayout;
     /**
      * Slot this carousel sits in (ADR-0027). Optional: without it the carousel
      * registers itself as `carousel-N` (its position among the carousels on the
@@ -179,6 +211,11 @@ declare class VioProductCarousel extends LitElement {
     private isLoading;
     private fetchError;
     static styles: lit.CSSResult;
+    private overrideFor;
+    private descriptionFor;
+    /** The editor's text always shows (unless empty); the catalogue's only with show-description. */
+    private showsDescription;
+    willUpdate(changed: Map<string, unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
@@ -196,6 +233,8 @@ declare class VioProductCarousel extends LitElement {
     /** view_item_list needs BOTH the viewport dwell and loaded products —
      * whichever lands last fires it (once). */
     private maybeTrackList;
+    /** The products on show as analytics lines (impression and view_item_list); null before they load. */
+    private listCommerce;
     private parseRefs;
     private scrollByDirection;
     private renderScrollerContent;
@@ -207,6 +246,13 @@ declare global {
     }
 }
 
+/** One of the brand's promises under the buy zone («Rask levering», «Designet i Norge»). */
+interface VioDetailHighlight {
+    /** A built-in line icon (see HIGHLIGHT_ICONS: plane, heart, shirt, truck, return, leaf, star, shield) or an image URL. */
+    icon?: string;
+    title: string;
+    text?: string;
+}
 declare class VioProductDetail extends LitElement {
     open: boolean;
     productId: string;
@@ -243,6 +289,46 @@ declare class VioProductDetail extends LitElement {
     vioContentId: string;
     /** Per-element override of the content title. */
     vioContentTitle: string;
+    /**
+     * No «Lagt i handlekurven» toast after «Legg i handlekurv» — for a host
+     * that answers `vio:added-to-cart` with its own (opening its cart drawer,
+     * say). Off by default: the toast shows.
+     */
+    noAddedToast: boolean;
+    /**
+     * How the images show: `thumbs` (one image, thumbnails under it — the
+     * default) or `carousel` (every image in one swipeable row, no thumbnails:
+     * less height). Unset = the theme's `detailGallery` (`--vio-detail-gallery`),
+     * so a host sets it once for every detail on the page.
+     */
+    gallery: string;
+    /**
+     * «Beskrivelse»: `preview` (default — the first lines fading out and «Les
+     * mer»), `folded` (only the heading until a tap) or `open` (all of it).
+     * Unset = the theme's `detailDescriptionMode` (`--vio-detail-description-mode`).
+     */
+    descriptionMode: string;
+    /**
+     * The brand's promises, shown in a row under the buy zone. By default the
+     * brand's own (dashboard Settings → Brand, in the bootstrap); this list
+     * replaces them on this page — e.g.
+     * `[{ icon: 'plane', title: 'Rask levering', text: '2-5 virkedager' }]`
+     * (attribute: the same as JSON). Up to three read well. None by default.
+     */
+    highlights: VioDetailHighlight[];
+    /**
+     * How long delivery takes (`2-5 virkedager`), for a brand whose rates do not
+     * say it: Commerce's own text on each rate («Leveringstid 1-5 dager») wins.
+     * Shown under the rates in «Frakt & retur». None by default.
+     */
+    deliveryTime: string;
+    /**
+     * Carrier logos for «Frakt & retur», by the carrier's name as the rate
+     * starts (`{ "Bring": "https://…/bring.svg", "Helthjem": "…" }`, any case;
+     * attribute: the same as JSON), for rates without their own logo in
+     * Commerce (which wins). A carrier with neither gets the line icon.
+     */
+    carrierLogos: Record<string, string>;
     private readonly slotRegistration;
     /** What the click that opened the detail carried ('' when nothing), and for which product. */
     private eventSlot;
@@ -272,23 +358,65 @@ declare class VioProductDetail extends LitElement {
      */
     private sellerName;
     private sellerSettled;
+    /**
+     * The cheapest shipping rate of the product for the page's market, in the
+     * product's currency — under the price as «Frakt fra X» («Gratis frakt» at
+     * 0). null = not known (not asked yet, none, or another currency): only the
+     * right of withdrawal is said then.
+     */
+    private shippingFrom;
+    /** Every rate for the page's country, cheapest first — for «Frakt & retur». */
+    private shippingRates;
     private isLoading;
     private fetchError;
     private selectedOptions;
+    /** The option a buy button asked for and the shopper has not chosen yet ('' = none asked). */
+    private selectionPrompt;
     private quantity;
     private activeImageIndex;
     /** The thumbnail row is wider than its box (arrows shown with a mouse). */
     private thumbsOverflow;
     private thumbsAtStart;
     private thumbsAtEnd;
+    /** «Beskrivelse» shows a preview until a tap opens it all. */
+    private descriptionOpen;
+    /** The description is longer than its preview (otherwise there is nothing to open). */
+    private descriptionClipped;
+    /** `gallery` resolved against the theme when the detail opens. */
+    private galleryMode;
+    /** `description-mode` resolved against the theme when the detail opens. */
+    private resolvedDescriptionMode;
     /** The top bar's logo file is square-ish: a mark, so its name goes beside it. */
     private logoSquare;
     private adding;
+    /**
+     * «Lagt i handlekurven» after an add, with «Til kassen» and «Fortsett å
+     * handle» (Mote & Livsstil, 2026-10-28: an add closed the detail and said
+     * nothing). Outlives the detail: the brand and attribution of the add.
+     */
+    private addedToast;
+    private addedToastTimer;
     /** Apple Pay actually usable (real Stripe + registered domain) — set on load. */
     private applePayOk;
     /** Payment method names enabled for the sponsor (backend-configured).
      * null = not loaded yet → all buy buttons render; [] = none enabled. */
     private availableMethods;
+    /**
+     * The brand's methods are being asked for. Meanwhile the buy zone shows a
+     * neutral placeholder, never the buttons of every method: «null = render
+     * all» painted Stripe and Klarna for a Vipps-only brand until the answer
+     * came (Mote & Livsstil, 2026-10-28).
+     */
+    private methodsLoading;
+    /**
+     * The brand's Vipps is KNOWN to run Express: its method list came back,
+     * with Vipps and no `config.express: false`. Only then does the line under
+     * the button say the app fills in name and address — never on a guess
+     * after a failed lookup.
+     */
+    private vippsExpress;
+    /** Whose methods `availableMethods` are — another brand's are not shown while its own load. */
+    private methodsSponsorId;
     private vippsOfficial;
     /** Race guard: only the latest fetch may write state (two quick taps on
      * different cards would otherwise let the slow response win). */
@@ -297,6 +425,10 @@ declare class VioProductDetail extends LitElement {
     private optMapCache;
     /** Pre-prepared Apple Pay handle — show() fires synchronously on tap. */
     private applePayHandle;
+    /** The amount `applePayHandle`'s sheet shows (product × quantity when it was prepared). */
+    private applePayAmount;
+    /** The amount the latest preparation was asked for — a newer one supersedes it. */
+    private applePayAskedFor;
     /** Keyboard and focus while open: Escape closes, Tab stays inside, focus returns to the opener. */
     private readonly dialogFocus;
     /** Phones: the page behind is locked, and the sheet closes by pulling the bar or the top bar down. */
@@ -306,6 +438,19 @@ declare class VioProductDetail extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    /** An option as the element says it, else as the theme's custom property says it (lower case, unquoted). */
+    private themeChoice;
+    /** The attribute wins; else the theme's `--vio-detail-gallery`; else thumbnails. */
+    private resolveGalleryMode;
+    private carouselTrack;
+    /** The photo in view is the active one (dots, Apple Pay sheet, events). */
+    private onCarouselScroll;
+    /** One photo's width plus the gap (with a peek a photo is narrower than the row). */
+    private carouselStep;
+    /** Bring the active photo into view — only when it is not already the one a swipe is on. */
+    private revealActiveSlide;
+    private stepCarousel;
     private thumbRow;
     /** Arrows only when the row overflows; each one off at its own end. */
     private measureThumbs;
@@ -319,6 +464,8 @@ declare class VioProductDetail extends LitElement {
     private fetchProduct;
     /** Which buy buttons to render — backend-configured per sponsor. */
     private loadAvailablePaymentMethods;
+    /** The methods are still on their way: a placeholder stands where the buttons go. */
+    private get methodsPending();
     /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
     private methodEnabled;
     /**
@@ -349,18 +496,55 @@ declare class VioProductDetail extends LitElement {
     /** True if some in-stock variant carries this option value. */
     private isValueAvailable;
     private get unitPrice();
+    /**
+     * There is something to pay for — whether the express buttons show. With
+     * every option chosen, the chosen variant's price; before that, the
+     * product's or any variant's: the first variant (what `unitPrice` falls
+     * back to) at 0 must not hide Vipps for a size that costs 699.
+     */
+    private get hasPrice();
     private get compareAt();
+    /** The options the shopper has to choose (those with values), in order. */
+    private choosableOptions;
+    /** The first option still without a value, or null when every one is chosen. */
+    private missingOption;
+    /**
+     * Units that can be sold. With every option chosen, the chosen variant's;
+     * before that, the most any variant still matching the partial choice has
+     * — so the stepper and «Utsolgt» do not speak for a variant (the first
+     * one) the shopper never picked.
+     */
     private get availableQuantity();
+    /**
+     * «Få igjen — N stk» only for the variant actually chosen: before a size is
+     * picked the count belonged to the first variant, which said «Få igjen» of
+     * a product with plenty of other sizes.
+     */
     private stockLabel;
+    /** «Velg størrelse» for a size, «Velg farge» for a colour… */
+    private promptFor;
+    /**
+     * Every buy button goes through here first: with an option not chosen yet,
+     * nothing is added or paid — the picker says what is missing and comes
+     * into view (it sits right above the buttons, inside the buy zone).
+     */
+    private requireSelection;
     /** Pick an option value. If the exact combination doesn't exist, jump to an
      * in-stock variant that carries the value and adopt its full option map
      * (keeps the selection always resolvable to a real variant). */
     private selectOption;
+    private applyOption;
     private allImages;
     private get activeImage();
     /** Add the current product + selected variant + qty to the cart. Returns the variant id used. */
     private addCurrentToCart;
     private addToCart;
+    /** The toast after an add; it goes by itself after a while. */
+    private showAddedToast;
+    private hideAddedToast;
+    /** «Til kassen»: the checkout of the brand just added to — the host opens it on `vio:checkout-open`, as from the cart. */
+    private toastToCheckout;
+    private renderAddedToast;
     /**
      * Express buy: add to cart, then open the checkout overlay with Klarna
      * preselected. The host app handles `vio:checkout-open` (same event the cart
@@ -393,16 +577,67 @@ declare class VioProductDetail extends LitElement {
     /** Vipps' own button when its script answers; our orange one otherwise. */
     private loadVippsButton;
     private buyWithVipps;
+    /**
+     * The Vipps button will open the app with Express (see buyWithVipps): the
+     * brand has Express on, and this brand's cart is empty — with lines in it
+     * the checkout opens first.
+     */
+    private vippsGoesStraightToApp;
     private startVippsExpressOrCheckout;
+    /** The ordinary way in, Vipps preselected: the host opens the checkout on `vio:checkout-open`. */
+    private openCheckoutWithVipps;
+    /** The ordinary way in with a method preselected: the host opens the checkout on `vio:checkout-open`. */
+    private openCheckoutWith;
     /** Buy with Stripe — opens the checkout with Stripe preselected. */
     private buyWithStripe;
+    /** Prepare the Apple Pay sheet for this product × quantity; the newest preparation wins. */
+    private prepareApplePaySheet;
     /**
      * Express buy with Apple Pay. Runs synchronously inside the click so the
      * Apple Pay sheet keeps the user gesture: add to cart → open checkout (sets
      * state) → launch the sheet. On authorize, `payment-complete` drives the
      * confirmation drawer (same path as the in-checkout Apple Pay button).
+     *
+     * The sheet's amount is fixed before the tap (Apple blocks a sheet opened
+     * after an await, so it cannot wait for the server's cart), while the
+     * charge is the sponsor's WHOLE cart. So the sheet opens only when it shows
+     * what will be charged: an empty cart, and a sheet prepared for this
+     * product × quantity. Otherwise — lines already in the cart (as with Vipps,
+     * see buyWithVipps), or a quantity whose sheet is still being prepared —
+     * the product is added and the checkout opens with Apple Pay preselected:
+     * every line and the total on screen, and its own Apple Pay button pays
+     * that total.
      */
     private buyWithApplePay;
+    /**
+     * The product's cheapest rate for the page's market — the rates the
+     * backend cart offers for its line. A rate in another currency than the
+     * product's price is not shown (never a price the shopper would not pay).
+     */
+    private loadShippingFrom;
+    /**
+     * `gallery="carousel"`: every photo in one row that snaps one at a time —
+     * swipe on touch, arrows with a mouse — and a dot per photo over it
+     * instead of thumbnails, so the name, price and sizes come up higher.
+     */
+    private renderCarousel;
+    /**
+     * «Beskrivelse», not shut: the first lines show, fading out, and a tap on
+     * the heading, the text or «Les mer» opens the rest (Angelo, 2026-10-28).
+     * A description that fits in the preview has nothing to open.
+     */
+    private renderDescription;
+    /** Is the preview hiding part of the text? Measured with the preview applied. */
+    private measureDescription;
+    private renderHighlights;
+    /**
+     * «Frakt & retur», folded like «Beskrivelse»: the delivery options for the
+     * page's country with their price, and the right of withdrawal with the
+     * brand's own terms and returns pages when it gave them.
+     */
+    private renderShippingReturns;
+    /** Under the price: «Frakt fra X · 14 dagers angrerett» (or «Gratis frakt · …»). */
+    private renderDeliveryNote;
     /** The seller's Company name; the brand when there is none; nothing while asking. */
     private headerName;
     private loadSeller;
@@ -448,6 +683,8 @@ declare class VioCart extends LitElement {
     /** Payment method names enabled for the sponsor (backend-configured).
      * null = not loaded yet → all buttons render; [] = none enabled. */
     private availableMethods;
+    /** Asking for the brand's methods: a neutral placeholder instead of every method's button (see methodEnabled). */
+    private methodsLoading;
     private vippsOfficial;
     /** Whether the method lookup has been attempted — see boundOnCartChange. */
     private paymentMethodsAttempted;
@@ -473,7 +710,13 @@ declare class VioCart extends LitElement {
     /** Which payment buttons to render — backend-configured per sponsor.
      * Falls back to showing everything if the query fails or none is set. */
     private loadAvailablePaymentMethods;
-    /** Backend names arrive as e.g. "Apple Pay" — compare letters only. */
+    /** The methods are on their way and none is known yet. */
+    private get methodsPending();
+    /**
+     * Backend names arrive as e.g. "Apple Pay" — compare letters only. While
+     * the list loads, no method's button is drawn: «unknown = all» painted
+     * Stripe and Klarna for a Vipps-only brand until it came.
+     */
     private methodEnabled;
     updated(changed: Map<string, unknown>): void;
     /** Pre-resolve the Apple Pay sheet for the current cart total. */
@@ -498,25 +741,36 @@ declare class VioCart extends LitElement {
      */
     private onCheckout;
     /**
-     * Vipps — Express: the app collects address and delivery, so the cart
-     * goes straight to Vipps. When this cart cannot have Express (several
-     * suppliers, digital goods, no rate) or Vipps cannot be started, the
-     * checkout opens with Vipps preselected, as before.
+     * Vipps from the cart: the checkout opens with Vipps preselected — the
+     * standard path, where our form collects name, address, mobile and the
+     * delivery (with its price) before paying (Mote & Livsstil, 2026-10-28).
+     * It no longer starts Express from here: Express is the product detail's
+     * «Kjøp nå med Vipps» only.
      */
     private onVipps;
     /** Vipps' own button when its script answers; our orange one otherwise. */
     private loadVippsButton;
-    private startVippsExpressOrCheckout;
     /** Stripe — opens the checkout with Stripe preselected. */
     private onStripe;
     /** The name over a sponsor's lines: the brand's display name by the one rule, else what the cart kept. */
     private sponsorLabel;
+    /** Something to pay for: lines, and a total above 0. No button opens a checkout or a payment otherwise. */
+    private get payable();
     private get totalAcrossSponsors();
+    /**
+     * Shipping across the carts, from what the server cart says of its lines:
+     * the rate chosen for them, else the cheapest one offered (the one the
+     * checkout preselects). null when some cart has no known rate — the footer
+     * says it is worked out in the checkout then.
+     */
+    private get shippingAcrossSponsors();
     private get primaryCurrency();
     private onIncrement;
     private onDecrement;
     private onRemove;
     render(): lit_html.TemplateResult<1>;
+    /** «Frakt» (the chosen or cheapest rate) and «Totalt» with it; «Beregnes i kassen» when unknown. */
+    private renderShippingRows;
     private renderConfirmation;
 }
 declare global {
@@ -784,7 +1038,20 @@ declare class VioCheckout extends LitElement {
      * shopcart refuses the physical case on its side.
      */
     private someLineShipsOnItsOwn;
-    /** Whether all mandatory Leveringsadresse fields are filled. */
+    /** The shipping country the mobile's calling code defaults to (no +prefix typed). */
+    private get phoneCountry();
+    /**
+     * The mobile is required only for the standard Vipps payment — shopcart
+     * does not ask Vipps for the profile there. Every other method takes it
+     * when given and never waits for it (a host that pre-fills the form with
+     * `setAddress()` and no phone keeps working).
+     */
+    private get phoneRequired();
+    /** A number typed that is not usable (nothing said while the field is empty). */
+    private get phoneError();
+    /** The mobile as the chosen method needs it: valid when required, else anything. */
+    private get phoneReady();
+    /** Whether all mandatory Leveringsadresse fields are filled (the mobile only for Vipps). */
     private get isAddressValid();
     /** Whether a valid shipping option is selected (when shippings exist). */
     private get hasSelectedShipping();
@@ -839,14 +1106,21 @@ declare class VioCheckout extends LitElement {
     /** After choosing a method that needs our form, bring the form into view. */
     private revealAddressForm;
     /**
-     * Vipps from the checkout: Express when the channel allows it, so the
-     * shopper picks the delivery inside the app — our rate on the cart is the
-     * one preselected there — and never silently keeps the default our form
-     * chose for them. When the cart cannot have Express (several suppliers)
-     * the backend says so without creating a payment, and the plain payment
-     * follows: profile shared, the rate already on the cart.
+     * Vipps from the checkout: the STANDARD payment, always (Mote & Livsstil,
+     * 2026-10-28). The shopper filled our form — name, address, mobile — and
+     * chose the delivery with its price here; the payment carries that address
+     * and the rate on the cart, and Vipps only approves and pays. Express (the
+     * app filling in name and address) is the product detail's «Kjøp nå med
+     * Vipps» alone, even when the brand has Express on.
      */
     private startVippsFromCheckout;
+    /**
+     * The chosen delivery on the cart before a hosted payment is minted (its
+     * total depends on it). False — and the payment must not start — when it
+     * could not be saved: the selected rate has no supplier to save it under,
+     * or the backend refused. A cart with no rates at all has nothing to save.
+     */
+    private persistSelectedShipping;
     private onApplePay;
     private onPay;
     /**
@@ -913,6 +1187,12 @@ declare class VioCheckout extends LitElement {
     private methodLabel;
     /** True for methods that complete via a separate sheet/widget, not the CTA. */
     private isExpressMethod;
+    /**
+     * A total above 0 — every pay button needs it. The state's subtotal follows
+     * the cart (CheckoutManager.onCartChange): a cart emptied or paid in
+     * another tab drops it to 0 here.
+     */
+    private get cartPayable();
     private orderTotal;
     /** Shipping cost (major units) whenever a shipping option is in effect —
      * express always has one; the normal flow has one once the backend
@@ -1289,6 +1569,20 @@ interface VioThemeOverrides {
     detailImageInset?: string;
     /** Background behind the main image (default the muted surface). */
     detailImageBg?: string;
+    /** `thumbs` (default: one image, thumbnails under it) or `carousel` (every image in one swipeable row with a dot per photo, no thumbnails — less height). An element's `gallery` attribute wins over it. */
+    detailGallery?: string;
+    /** In the carousel, how much of the next photo shows at the edge (default `0px`), e.g. `32px`. */
+    detailCarouselPeek?: string;
+    /** «Beskrivelse»: `preview` (default — first lines + «Les mer»), `folded` (heading only until a tap) or `open`. An element's `description-mode` wins. */
+    detailDescriptionMode?: string;
+    /** Lines the «Beskrivelse» preview shows (default `3`). */
+    detailDescriptionPreviewLines?: string;
+    /** The brand's promises under the buy zone: `grid` (default, shown when the brand has some) or `none` (hidden). */
+    detailHighlightsDisplay?: string;
+    /** «Frakt & retur» in the detail: `block` (default) or `none` (hidden). */
+    detailShippingReturnsDisplay?: string;
+    /** `<vio-product-carousel>`: `carousel` (default, one row) or `list` (cards one under the other). Its `layout` attribute wins. */
+    carouselLayout?: string;
     /** Thumbnail size (default `64px`). One row, scrolls sideways. */
     detailThumbSize?: string;
     /** Space between thumbnails (default `8px`). */
@@ -1313,6 +1607,30 @@ interface VioThemeOverrides {
     detailBuyPosition?: string;
     /** Shadow over a sticky buy zone, e.g. `0 -8px 16px rgba(0,0,0,.06)`. */
     detailBuyShadow?: string;
+    /** Font of the card (default the SDK's sans). */
+    cardFont?: string;
+    /** Frame around the card, e.g. `1px solid rgba(230,230,230,.6)` (default none). */
+    cardBorder?: string;
+    /** Image box proportion (default `1 / 1`), e.g. `3 / 4`. */
+    cardImageAspect?: string;
+    /** `cover` (default, fills and crops) or `contain` (whole image). */
+    cardImageFit?: string;
+    /** Background behind the card image (default the muted surface). */
+    cardImageBg?: string;
+    /** Space around the image inside its box (default `0`). */
+    cardImagePadding?: string;
+    /** Padding of the text under the image (default `14px 0 0`), e.g. `16px` in a framed card. */
+    cardMetaPadding?: string;
+    /** Font of the price (default the card's), e.g. a serif. */
+    cardPriceFont?: string;
+    /** Colour of the `bar` buy button (default the text colour). */
+    cardAccent?: string;
+    /** Corners of the `bar` buy button (default `6px`). */
+    cardBarRadius?: string;
+    /** Lines of the description a card shows (default `4`). */
+    cardDescriptionLines?: string;
+    /** `-1` lifts the seller line above the name (where a brand line goes); default `0` (at the bottom). */
+    cardRetailerOrder?: string;
     /** Cart drawer width on desktop (default `440px`). */
     cartWidth?: string;
     /** Checkout panel width on desktop (default `440px`). */

package/dist/ui/index.d.ts

@@ -1,4 +1,4 @@
-export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-y0KzN7bP.js';
+export { V as VioCart, a as VioCheckout, b as VioProduct, c as VioProductCarousel, d as VioProductDetail, e as VioThemeOverrides, f as VioTokens, g as applyVioTheme } from '../tokens-D1DCVzOf.js';
 import 'lit-html';
 import 'lit';
 

package/dist/ui/index.js

@@ -1,6 +1,6 @@
-import { registerVioElements } from '../chunk-Q2NALS7P.js';
-export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-Q2NALS7P.js';
-import '../chunk-AFJ5M53F.js';
+import { registerVioElements } from '../chunk-C5Q6W4B2.js';
+export { VioCart, VioCheckout, VioProduct, VioProductCarousel, VioProductDetail, VioTokens, applyVioTheme, registerVioElements } from '../chunk-C5Q6W4B2.js';
+import '../chunk-IR4XYTZL.js';
 
 // src/ui/index.ts
 registerVioElements();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vio-live/web-sdk",
-  "version": "0.28.0",
+  "version": "0.32.0",
   "description": "Vio Web SDK — in-site shoppable + native checkout, designed for editorial commerce sites",
   "type": "module",
   "main": "./dist/index.js",

package/dist/chunk-67QESEV2.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-67QESEV2.js.map
-//# sourceMappingURL=chunk-67QESEV2.js.map