@shoplix-ai/block-kit 5.0.0 → 5.16.0

package/dist/product-card.d.ts

@@ -13,6 +13,10 @@ declare const PRODUCT_CARD_ROLES: {
     readonly notify: "text";
     readonly notify_done: "success";
     readonly notify_done_surface: "elevated";
+    readonly amount: "text";
+    readonly plus: "elevated";
+    readonly plus_ink: "text";
+    readonly plus_ring: "border";
 };
 export type ProductCardPart = keyof typeof PRODUCT_CARD_ROLES;
 export type ProductCardColors = Readonly<Record<ProductCardPart, string>>;

package/dist/product-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../src/product-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;CAauC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAEtE"}
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../src/product-card.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;CAiBuC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAEtE"}

package/dist/product-card.js

@@ -13,6 +13,10 @@ const PRODUCT_CARD_ROLES = {
     notify: 'text',
     notify_done: 'success',
     notify_done_surface: 'elevated',
+    amount: 'text',
+    plus: 'elevated',
+    plus_ink: 'text',
+    plus_ring: 'border',
 };
 /**
  * Every colour the product card draws, one per part: the theme role behind

package/dist/product-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.js","sourceRoot":"","sources":["../src/product-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,+GAA+G;AAC/G,MAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,MAAM;IACpB,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,SAAS;IACtB,mBAAmB,EAAE,UAAU;CAC8B,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAiB;IACjD,OAAO,UAAU,CAAC,KAAK,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;AAC/D,CAAC"}
+{"version":3,"file":"product-card.js","sourceRoot":"","sources":["../src/product-card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,+GAA+G;AAC/G,MAAM,kBAAkB,GAAG;IACzB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,cAAc,EAAE,SAAS;IACzB,aAAa,EAAE,QAAQ;IACvB,YAAY,EAAE,MAAM;IACpB,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,SAAS;IACtB,mBAAmB,EAAE,UAAU;IAC/B,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,QAAQ;CAC0C,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAiB;IACjD,OAAO,UAAU,CAAC,KAAK,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;AAC/D,CAAC"}

package/dist/product-gallery.d.ts

@@ -8,6 +8,9 @@ declare const PRODUCT_GALLERY_ROLES: {
     readonly thumb_border: "border";
     readonly thumb_active: "action";
     readonly sold_out_chip: "text";
+    readonly strip: "elevated";
+    readonly segment: "border";
+    readonly segment_active: "text";
 };
 export type ProductGalleryPart = keyof typeof PRODUCT_GALLERY_ROLES;
 export type ProductGalleryColors = Readonly<Record<ProductGalleryPart, string>>;

package/dist/product-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-gallery.d.ts","sourceRoot":"","sources":["../src/product-gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,kHAAkH;AAClH,QAAA,MAAM,qBAAqB;;;;;;;;CAQoC,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,oBAAoB,CAE5E"}
+{"version":3,"file":"product-gallery.d.ts","sourceRoot":"","sources":["../src/product-gallery.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,kHAAkH;AAClH,QAAA,MAAM,qBAAqB;;;;;;;;;;;CAWoC,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,oBAAoB,CAE5E"}

package/dist/product-gallery.js

@@ -8,6 +8,9 @@ const PRODUCT_GALLERY_ROLES = {
     thumb_border: 'border',
     thumb_active: 'action',
     sold_out_chip: 'text',
+    strip: 'elevated',
+    segment: 'border',
+    segment_active: 'text',
 };
 /**
  * Every colour the gallery draws, one per part, with `product_gallery.<part>`

package/dist/product-gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-gallery.js","sourceRoot":"","sources":["../src/product-gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,kHAAkH;AAClH,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,UAAU;IACjB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,QAAQ;IACtB,aAAa,EAAE,MAAM;CACwC,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"product-gallery.js","sourceRoot":"","sources":["../src/product-gallery.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,kHAAkH;AAClH,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,UAAU;IACjB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,QAAQ;IACtB,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,QAAQ;IACjB,cAAc,EAAE,MAAM;CACuC,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACrE,CAAC"}

package/dist/product-specs.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeStyle } from '@shoplix-ai/sdui-schema';
+import type { ColorChoice, LocaleCode, ProductDisplay, ProductSectionProps, ProductSectionType, ProductSpecificationsBlock, ShippingReturnsBlock, ThemeStyle } from '@shoplix-ai/sdui-schema';
 /** The parts of the product specs, each with the theme role it draws unless a component token names another. */
 declare const PRODUCT_SPECS_ROLES: {
     readonly surface: "elevated";
@@ -12,6 +12,7 @@ declare const PRODUCT_SPECS_ROLES: {
     readonly glyph_surface: "sunken";
     readonly glyph: "text";
     readonly note: "muted";
+    readonly ledger_label: "muted";
 };
 export type ProductSpecsPart = keyof typeof PRODUCT_SPECS_ROLES;
 export type ProductSpecsColors = Readonly<Record<ProductSpecsPart, string>>;
@@ -19,7 +20,37 @@ export type ProductSpecsColors = Readonly<Record<ProductSpecsPart, string>>;
  * Every colour the specs draw, one per part, with `product_specs.<part>` as
  * the escape hatch over each theme role. The body and the table's values take
  * the text role rather than the muted one: a size chart is read, not skimmed.
+ * The three sections of the product page read the same table, so a theme
+ * paints them as it painted the specs, and a surface the merchant chose for
+ * one section wins over it.
  */
-export declare function productSpecsColors(theme: ThemeStyle): ProductSpecsColors;
+export declare function productSpecsColors(theme: ThemeStyle, settings?: {
+    readonly surface?: ColorChoice;
+}): ProductSpecsColors;
+/** The catalog's title of each section of the product page, the one the specs drew over it. */
+export declare const PRODUCT_SECTION_TITLES: {
+    readonly product_description: "product.details";
+    readonly product_specifications: "product.specifications";
+    readonly shipping_returns: "product.shipping_returns";
+};
+/** A section's title: the merchant's own where they wrote one the buyer reads, the catalog's otherwise. */
+export declare function productSectionTitle(type: ProductSectionType, title: ProductSectionProps['title'], language: LocaleCode, defaultLanguage: LocaleCode): string;
+export interface ProductSpecRow {
+    readonly key: string;
+    readonly label: string;
+    readonly value: string;
+}
+/**
+ * The rows the table draws: the facts table of the product's description
+ * first where the block reads it, then the merchant's own rows, and the facts
+ * the Storefront answers where neither says anything, so a merchant who has
+ * written nothing still gets a table rather than a heading over a gap.
+ */
+export declare function productSpecRows(specs: ProductSpecificationsBlock['props']['specs'], product: ProductDisplay, language: LocaleCode, defaultLanguage: LocaleCode, options?: {
+    readonly descriptionTable?: boolean;
+}): ProductSpecRow[];
+export type ShippingRow = NonNullable<ShippingReturnsBlock['props']['shipping']>[number];
+/** The shipping rows a card draws: every row whose title the buyer can read, in the merchant's order. */
+export declare function shippingRowsOf(shipping: readonly ShippingRow[] | undefined, language: LocaleCode, defaultLanguage: LocaleCode): ShippingRow[];
 export {};
 //# sourceMappingURL=product-specs.d.ts.map

package/dist/product-specs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-specs.d.ts","sourceRoot":"","sources":["../src/product-specs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,gHAAgH;AAChH,QAAA,MAAM,mBAAmB;;;;;;;;;;;;CAYsC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,kBAAkB,CAExE"}
+{"version":3,"file":"product-specs.d.ts","sourceRoot":"","sources":["../src/product-specs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,UAAU,EACV,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,UAAU,EACX,MAAM,yBAAyB,CAAC;AAOjC,gHAAgH;AAChH,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;CAasC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5E;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,UAAU,EACjB,QAAQ,GAAE;IAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAA;CAAO,GAChD,kBAAkB,CAGpB;AAED,+FAA+F;AAC/F,eAAO,MAAM,sBAAsB;;;;CAIqB,CAAC;AAEzD,2GAA2G;AAC3G,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,mBAAmB,CAAC,OAAO,CAAC,EACnC,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,GAC1B,MAAM,CAER;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACnD,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,EAC3B,OAAO,GAAE;IAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAO,GACpD,cAAc,EAAE,CAmBlB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzF,yGAAyG;AACzG,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,SAAS,WAAW,EAAE,GAAG,SAAS,EAC5C,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,GAC1B,WAAW,EAAE,CAEf"}

package/dist/product-specs.js

@@ -1,4 +1,8 @@
+import { colorChoiceOf } from './color-choice.js';
+import { localize } from './locale.js';
 import { partColors } from './part-colors.js';
+import { platformWords } from './words.js';
+import { descriptionFacts } from './description.js';
 /** The parts of the product specs, each with the theme role it draws unless a component token names another. */
 const PRODUCT_SPECS_ROLES = {
     surface: 'elevated',
@@ -12,13 +16,58 @@ const PRODUCT_SPECS_ROLES = {
     glyph_surface: 'sunken',
     glyph: 'text',
     note: 'muted',
+    ledger_label: 'muted',
 };
 /**
  * Every colour the specs draw, one per part, with `product_specs.<part>` as
  * the escape hatch over each theme role. The body and the table's values take
  * the text role rather than the muted one: a size chart is read, not skimmed.
+ * The three sections of the product page read the same table, so a theme
+ * paints them as it painted the specs, and a surface the merchant chose for
+ * one section wins over it.
  */
-export function productSpecsColors(theme) {
-    return partColors(theme, 'product_specs', PRODUCT_SPECS_ROLES);
+export function productSpecsColors(theme, settings = {}) {
+    const table = partColors(theme, 'product_specs', PRODUCT_SPECS_ROLES);
+    return { ...table, surface: colorChoiceOf(theme, settings.surface) ?? table.surface };
+}
+/** The catalog's title of each section of the product page, the one the specs drew over it. */
+export const PRODUCT_SECTION_TITLES = {
+    product_description: 'product.details',
+    product_specifications: 'product.specifications',
+    shipping_returns: 'product.shipping_returns',
+};
+/** A section's title: the merchant's own where they wrote one the buyer reads, the catalog's otherwise. */
+export function productSectionTitle(type, title, language, defaultLanguage) {
+    return platformWords(language, defaultLanguage).merchantOr(title, PRODUCT_SECTION_TITLES[type]);
+}
+/**
+ * The rows the table draws: the facts table of the product's description
+ * first where the block reads it, then the merchant's own rows, and the facts
+ * the Storefront answers where neither says anything, so a merchant who has
+ * written nothing still gets a table rather than a heading over a gap.
+ */
+export function productSpecRows(specs, product, language, defaultLanguage, options = {}) {
+    const described = options.descriptionTable === true ? descriptionFacts(product) : [];
+    const typed = (specs ?? [])
+        .map((row, index) => ({
+        key: `typed-${index}`,
+        label: localize(row.name, language, defaultLanguage),
+        value: localize(row.value, language, defaultLanguage),
+    }))
+        .filter((row) => row.label !== '');
+    if (described.length > 0 || typed.length > 0)
+        return [...described, ...typed];
+    const words = platformWords(language, defaultLanguage);
+    const known = [
+        { key: 'vendor', word: 'product.brand', value: product.vendor },
+        { key: 'productType', word: 'product.type', value: product.productType },
+    ];
+    return known
+        .filter((fact) => fact.value !== undefined && fact.value !== '')
+        .map((fact) => ({ key: fact.key, label: words.own(fact.word), value: fact.value }));
+}
+/** The shipping rows a card draws: every row whose title the buyer can read, in the merchant's order. */
+export function shippingRowsOf(shipping, language, defaultLanguage) {
+    return (shipping ?? []).filter((row) => localize(row.title, language, defaultLanguage) !== '');
 }
 //# sourceMappingURL=product-specs.js.map

package/dist/product-specs.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-specs.js","sourceRoot":"","sources":["../src/product-specs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gHAAgH;AAChH,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,QAAQ;IACd,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,MAAM;IACjB,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,OAAO;CACgD,CAAC;AAMhE;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAiB;IAClD,OAAO,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,mBAAmB,CAAC,CAAC;AACjE,CAAC"}
+{"version":3,"file":"product-specs.js","sourceRoot":"","sources":["../src/product-specs.ts"],"names":[],"mappings":"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"}

package/dist/product-summary.d.ts

@@ -1,4 +1,5 @@
-import type { ThemeStyle } from '@shoplix-ai/sdui-schema';
+import type { LocaleCode, MoneyStyle, ProductSummaryBlock, ThemeStyle } from '@shoplix-ai/sdui-schema';
+import type { ChosenPrice } from './variant-rows.js';
 /** The parts of the product summary, each with the theme role it draws unless a component token names another. */
 declare const PRODUCT_SUMMARY_ROLES: {
     readonly sheet: "elevated";
@@ -15,6 +16,10 @@ declare const PRODUCT_SUMMARY_ROLES: {
     readonly stock_ink: "text";
     readonly saving_surface: "sunken";
     readonly saving_ink: "success";
+    readonly byline: "muted";
+    readonly amount: "text";
+    readonly struck: "muted";
+    readonly off: "action";
 };
 export type ProductSummaryPart = keyof typeof PRODUCT_SUMMARY_ROLES;
 export type ProductSummaryColors = Readonly<Record<ProductSummaryPart, string>>;
@@ -25,5 +30,11 @@ export type ProductSummaryColors = Readonly<Record<ProductSummaryPart, string>>;
  * whole product screen with it.
  */
 export declare function productSummaryColors(theme: ThemeStyle): ProductSummaryColors;
+/**
+ * What the summary says the compare-at price saves, in the way the merchant
+ * chose: the amount ("Save 36.190 KWD"), the percent ("−17%"), or nothing.
+ * Nothing either where the chosen variant saves nothing.
+ */
+export declare function savingText(chosen: ChosenPrice, saving: ProductSummaryBlock['props']['saving'], language: LocaleCode, defaultLanguage: LocaleCode, money: MoneyStyle | undefined): string | null;
 export {};
 //# sourceMappingURL=product-summary.d.ts.map

package/dist/product-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-summary.d.ts","sourceRoot":"","sources":["../src/product-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,kHAAkH;AAClH,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;CAeoC,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,oBAAoB,CAE5E"}
+{"version":3,"file":"product-summary.d.ts","sourceRoot":"","sources":["../src/product-summary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,UAAU,EACX,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,kHAAkH;AAClH,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;CAmBoC,CAAC;AAEhE,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,qBAAqB,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,oBAAoB,CAE5E;AAID;;;;GAIG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,WAAW,EACnB,MAAM,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,EAC9C,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,EAC3B,KAAK,EAAE,UAAU,GAAG,SAAS,GAC5B,MAAM,GAAG,IAAI,CAaf"}

package/dist/product-summary.js

@@ -1,4 +1,6 @@
+import { derivedMoney, discountPercent, moneyAmount } from './money.js';
 import { partColors } from './part-colors.js';
+import { platformWords } from './words.js';
 /** The parts of the product summary, each with the theme role it draws unless a component token names another. */
 const PRODUCT_SUMMARY_ROLES = {
     sheet: 'elevated',
@@ -15,6 +17,10 @@ const PRODUCT_SUMMARY_ROLES = {
     stock_ink: 'text',
     saving_surface: 'sunken',
     saving_ink: 'success',
+    byline: 'muted',
+    amount: 'text',
+    struck: 'muted',
+    off: 'action',
 };
 /**
  * Every colour the summary draws, one per part, with `product_summary.<part>`
@@ -25,4 +31,27 @@ const PRODUCT_SUMMARY_ROLES = {
 export function productSummaryColors(theme) {
     return partColors(theme, 'product_summary', PRODUCT_SUMMARY_ROLES);
 }
+const MINUS = '\u2212';
+/**
+ * What the summary says the compare-at price saves, in the way the merchant
+ * chose: the amount ("Save 36.190 KWD"), the percent ("−17%"), or nothing.
+ * Nothing either where the chosen variant saves nothing.
+ */
+export function savingText(chosen, saving, language, defaultLanguage, money) {
+    const { price, compareAt } = chosen;
+    if (compareAt === undefined || saving === 'none')
+        return null;
+    if (compareAt.currencyCode !== price.currencyCode)
+        return null;
+    if (saving === 'percent') {
+        const percent = discountPercent(price, compareAt);
+        return percent === null ? null : `${MINUS}${percent}%`;
+    }
+    const now = moneyAmount(price);
+    const then = moneyAmount(compareAt);
+    if (now === null || then === null || then <= now)
+        return null;
+    const saved = derivedMoney(then - now, price.currencyCode, language, money);
+    return `${platformWords(language, defaultLanguage).own('product.save')} ${saved.digits} ${saved.label}`.trim();
+}
 //# sourceMappingURL=product-summary.js.map

package/dist/product-summary.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-summary.js","sourceRoot":"","sources":["../src/product-summary.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,kHAAkH;AAClH,MAAM,qBAAqB,GAAG;IAC5B,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,QAAQ;IACtB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,SAAS;CACwC,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"product-summary.js","sourceRoot":"","sources":["../src/product-summary.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,kHAAkH;AAClH,MAAM,qBAAqB,GAAG;IAC5B,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,QAAQ;IACb,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,QAAQ;IACtB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,OAAO;IACf,GAAG,EAAE,QAAQ;CACgD,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAiB;IACpD,OAAO,UAAU,CAAC,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,KAAK,GAAG,QAAQ,CAAC;AAEvB;;;;GAIG;AACH,MAAM,UAAU,UAAU,CACxB,MAAmB,EACnB,MAA8C,EAC9C,QAAoB,EACpB,eAA2B,EAC3B,KAA6B;IAE7B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;IACpC,IAAI,SAAS,KAAK,SAAS,IAAI,MAAM,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IAC9D,IAAI,SAAS,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAC/D,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QAClD,OAAO,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC;IACzD,CAAC;IACD,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,GAAG,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG;QAAE,OAAO,IAAI,CAAC;IAC9D,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,GAAG,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC5E,OAAO,GAAG,aAAa,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;AACjH,CAAC"}

package/dist/profile-header.d.ts

@@ -8,10 +8,17 @@ declare const PROFILE_HEADER_ROLES: {
     readonly edit: "elevated";
     readonly edit_border: "border";
     readonly edit_glyph: "text";
+    readonly title: "text";
+    readonly subtitle: "muted";
+    readonly button: "action";
 };
 export type ProfileHeaderPart = keyof typeof PROFILE_HEADER_ROLES;
 export type ProfileHeaderColors = Readonly<Record<ProfileHeaderPart, string>>;
-/** Every colour the profile header draws, one per part, with `profile_header.<part>` over each theme role. */
+/**
+ * Every colour the profile header draws, one per part, with
+ * `profile_header.<part>` over each theme role. The title, the subtitle and
+ * the button are what it draws while nobody is signed in.
+ */
 export declare function profileHeaderColors(theme: ThemeStyle): ProfileHeaderColors;
 /**
  * The letters an avatar draws for a shopper: the first of each name they

package/dist/profile-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile-header.d.ts","sourceRoot":"","sources":["../src/profile-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG3E,iHAAiH;AACjH,QAAA,MAAM,oBAAoB;;;;;;;;CAQqC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9E,8GAA8G;AAC9G,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,CAE1E;AAOD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC,GACxE,MAAM,CAGR"}
+{"version":3,"file":"profile-header.d.ts","sourceRoot":"","sources":["../src/profile-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG3E,iHAAiH;AACjH,QAAA,MAAM,oBAAoB;;;;;;;;;;;CAWqC,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE9E;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,GAAG,mBAAmB,CAE1E;AAOD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC,GACxE,MAAM,CAGR"}

package/dist/profile-header.js

@@ -8,8 +8,15 @@ const PROFILE_HEADER_ROLES = {
     edit: 'elevated',
     edit_border: 'border',
     edit_glyph: 'text',
+    title: 'text',
+    subtitle: 'muted',
+    button: 'action',
 };
-/** Every colour the profile header draws, one per part, with `profile_header.<part>` over each theme role. */
+/**
+ * Every colour the profile header draws, one per part, with
+ * `profile_header.<part>` over each theme role. The title, the subtitle and
+ * the button are what it draws while nobody is signed in.
+ */
 export function profileHeaderColors(theme) {
     return partColors(theme, 'profile_header', PROFILE_HEADER_ROLES);
 }

package/dist/profile-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"profile-header.js","sourceRoot":"","sources":["../src/profile-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,iHAAiH;AACjH,MAAM,oBAAoB,GAAG;IAC3B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,UAAU;IAChB,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,MAAM;CAC2C,CAAC;AAMhE,8GAA8G;AAC9G,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,OAAO,UAAU,CAAC,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,IAAwB;IAC3C,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACjD,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;AAChE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAyE;IAEzE,MAAM,KAAK,GAAG,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IACpF,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAClE,CAAC"}
+{"version":3,"file":"profile-header.js","sourceRoot":"","sources":["../src/profile-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,iHAAiH;AACjH,MAAM,oBAAoB,GAAG;IAC3B,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,UAAU;IAChB,WAAW,EAAE,QAAQ;IACrB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,QAAQ;CAC6C,CAAC;AAMhE;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAiB;IACnD,OAAO,UAAU,CAAC,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;AACnE,CAAC;AAED,SAAS,WAAW,CAAC,IAAwB;IAC3C,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IACjD,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;AAChE,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAyE;IAEzE,MAAM,KAAK,GAAG,GAAG,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IACpF,OAAO,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAClE,CAAC"}

package/dist/sign-in.d.ts

@@ -19,6 +19,9 @@ export type SignInColors = Readonly<Record<SignInPart, string>>;
  * Every colour the sign-in block draws, one per part, with `sign_in.<part>` as
  * the escape hatch over each theme role. The words on a solid button are
  * whichever of ink and paper stands out on it.
+ *
+ * @deprecated The sign-in block is retired: no draft places it, and only a
+ * Release published before still carries it. Kept until the next major.
  */
 export declare function signInColors(theme: ThemeStyle): SignInColors;
 export {};

package/dist/sign-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in.d.ts","sourceRoot":"","sources":["../src/sign-in.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,gHAAgH;AAChH,QAAA,MAAM,aAAa;;;;;;;;;;;;CAY4C,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,aAAa,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAE5D"}
+{"version":3,"file":"sign-in.d.ts","sourceRoot":"","sources":["../src/sign-in.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,gHAAgH;AAChH,QAAA,MAAM,aAAa;;;;;;;;;;;;CAY4C,CAAC;AAEhE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,aAAa,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,CAE5D"}

package/dist/sign-in.js

@@ -17,6 +17,9 @@ const SIGN_IN_ROLES = {
  * Every colour the sign-in block draws, one per part, with `sign_in.<part>` as
  * the escape hatch over each theme role. The words on a solid button are
  * whichever of ink and paper stands out on it.
+ *
+ * @deprecated The sign-in block is retired: no draft places it, and only a
+ * Release published before still carries it. Kept until the next major.
  */
 export function signInColors(theme) {
     return partColors(theme, 'sign_in', SIGN_IN_ROLES);

package/dist/sign-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in.js","sourceRoot":"","sources":["../src/sign-in.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gHAAgH;AAChH,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,MAAM;CACgD,CAAC;AAMhE;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAiB;IAC5C,OAAO,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AACrD,CAAC"}
+{"version":3,"file":"sign-in.js","sourceRoot":"","sources":["../src/sign-in.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,gHAAgH;AAChH,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,QAAQ;IACtB,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,MAAM;CACgD,CAAC;AAMhE;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,KAAiB;IAC5C,OAAO,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;AACrD,CAAC"}

package/dist/store-header.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeStyle } from '@shoplix-ai/sdui-schema';
+import { type LocaleCode, type SearchBarBlock, type StoreHeaderBlock, type ThemeStyle } from '@shoplix-ai/sdui-schema';
 /** The parts of the store header, each with the theme role it draws unless a component token names another. */
 declare const STORE_HEADER_ROLES: {
     readonly bar: "elevated";
@@ -13,22 +13,65 @@ declare const STORE_HEADER_ROLES: {
     readonly drawer_ink: "text";
     readonly drawer_subtle: "subtle";
     readonly drawer_divider: "border";
-    readonly scrim: "overlay";
+    readonly drawer_group: "sunken";
 };
-export type StoreHeaderPart = keyof typeof STORE_HEADER_ROLES;
+export type StoreHeaderPart = keyof typeof STORE_HEADER_ROLES | 'scrim';
 export type StoreHeaderColors = Readonly<Record<StoreHeaderPart, string>>;
+/** The dim behind the open menu: dark, the way the Cart Drawer dims, and no theme role, since a theme's overlay is a wash. */
+export declare const STORE_MENU_DIM = "rgba(0, 0, 0, 0.35)";
 /**
  * Every colour the store header draws, one per part, with `store_header.<part>`
- * as the escape hatch over each theme role. The phone's header and its web twin
- * read this one table, so the chrome a merchant sees on the canvas and the
- * chrome their shopper sees cannot disagree.
+ * as the escape hatch over each theme role, and over the dark dim behind the
+ * open menu. The phone's header and its web twin read this one table, so the
+ * chrome a merchant sees on the canvas and the chrome their shopper sees cannot
+ * disagree.
  */
 export declare function storeHeaderColors(theme: ThemeStyle): StoreHeaderColors;
+/** How tall a row of the open menu stands and how large its words are, in points. */
+export interface StoreMenuMetrics {
+    readonly rowHeight: number;
+    readonly labelSize: number;
+}
+/** The menu's rows as the theme sizes them, 48 points tall with 16 point words where it names nothing. */
+export declare function storeMenuMetrics(theme: ThemeStyle): StoreMenuMetrics;
 /**
  * What the cart badge writes, or nothing at all for an empty cart. Both readers
  * cap it the same way, so a merchant never sees a count on the canvas the phone
  * would not draw.
  */
 export declare function cartBadgeCount(totalQuantity: number): string | null;
+/** What the search entry holds in one language: the lead, the hints it types, its steady label, and the line for the letters typed so far. */
+export interface SearchEntryWords {
+    readonly lead: string;
+    readonly hints: readonly string[];
+    readonly label: string;
+    readonly line: (typed: string) => string;
+}
+type SearchBarSettings = SearchBarBlock['props'];
+type SearchEntrySettings = Pick<StoreHeaderBlock['props'], 'searchPlaceholder' | 'typeSearchHints' | 'searchHintLead' | 'searchHints'>;
+/**
+ * The search bar's words in the buyer's language, the one rule the phone and
+ * its canvas twin read. Typing off, or no hint in the buyer's language or the
+ * Shop's default, holds the placeholder.
+ */
+export declare function searchBarWords(settings: Pick<SearchBarSettings, 'placeholder' | 'typeHints' | 'hintLead' | 'hints'>, language: LocaleCode, defaultLanguage: LocaleCode): SearchEntryWords;
+/** The store header's search entry in the buyer's language, read by the rule of the search bar. */
+export declare function searchEntryWords(settings: SearchEntrySettings, language: LocaleCode, defaultLanguage: LocaleCode): SearchEntryWords;
+/** The box the search entry stands in: its size and corner in points, its colours, its band. */
+export interface SearchEntryBox {
+    readonly height: number;
+    readonly radius: number;
+    readonly surface: string;
+    readonly stroke: string;
+    readonly ink: string;
+    readonly band: string;
+}
+/**
+ * The search entry's box as the merchant set it on the search bar, and the
+ * entry the store header drew for every part they left out, so a search moved
+ * out of the header draws as it drew there, on the header's band. The
+ * header's entry is this box with nothing set.
+ */
+export declare function searchEntryBox(theme: ThemeStyle, settings?: Pick<SearchBarSettings, 'height' | 'radius' | 'surface' | 'stroke' | 'ink'>): SearchEntryBox;
 export {};
 //# sourceMappingURL=store-header.d.ts.map

package/dist/store-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store-header.d.ts","sourceRoot":"","sources":["../src/store-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;CAcuC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAEtE;AAKD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGnE"}
+{"version":3,"file":"store-header.d.ts","sourceRoot":"","sources":["../src/store-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EAEf,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAMjC,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;CAcuC,CAAC;AAEhE,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,GAAG,OAAO,CAAC;AAExE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1E,8HAA8H;AAC9H,eAAO,MAAM,cAAc,wBAAwB,CAAC;AAEpD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,iBAAiB,CAKtE;AAED,qFAAqF;AACrF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,0GAA0G;AAC1G,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,gBAAgB,CAKpE;AAKD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAGnE;AAED,8IAA8I;AAC9I,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C;AAED,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjD,KAAK,mBAAmB,GAAG,IAAI,CAC7B,gBAAgB,CAAC,OAAO,CAAC,EACzB,mBAAmB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,aAAa,CAC3E,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EACrF,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,GAC1B,gBAAgB,CAelB;AAED,mGAAmG;AACnG,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,UAAU,GAC1B,gBAAgB,CAElB;AAED,gGAAgG;AAChG,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,GAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAM,GACzF,cAAc,CAUhB"}

package/dist/store-header.js

@@ -1,4 +1,8 @@
+import { componentTokenValue, SEARCH_BAR_DEFAULTS, searchBarOfHeader, } from '@shoplix-ai/sdui-schema';
+import { colorChoiceOf } from './color-choice.js';
+import { readable } from './locale.js';
 import { partColors } from './part-colors.js';
+import { platformWords } from './words.js';
 /** The parts of the store header, each with the theme role it draws unless a component token names another. */
 const STORE_HEADER_ROLES = {
     bar: 'elevated',
@@ -13,16 +17,29 @@ const STORE_HEADER_ROLES = {
     drawer_ink: 'text',
     drawer_subtle: 'subtle',
     drawer_divider: 'border',
-    scrim: 'overlay',
+    drawer_group: 'sunken',
 };
+/** The dim behind the open menu: dark, the way the Cart Drawer dims, and no theme role, since a theme's overlay is a wash. */
+export const STORE_MENU_DIM = 'rgba(0, 0, 0, 0.35)';
 /**
  * Every colour the store header draws, one per part, with `store_header.<part>`
- * as the escape hatch over each theme role. The phone's header and its web twin
- * read this one table, so the chrome a merchant sees on the canvas and the
- * chrome their shopper sees cannot disagree.
+ * as the escape hatch over each theme role, and over the dark dim behind the
+ * open menu. The phone's header and its web twin read this one table, so the
+ * chrome a merchant sees on the canvas and the chrome their shopper sees cannot
+ * disagree.
  */
 export function storeHeaderColors(theme) {
-    return partColors(theme, 'store_header', STORE_HEADER_ROLES);
+    return {
+        ...partColors(theme, 'store_header', STORE_HEADER_ROLES),
+        scrim: componentTokenValue(theme, 'store_header.scrim', STORE_MENU_DIM),
+    };
+}
+/** The menu's rows as the theme sizes them, 48 points tall with 16 point words where it names nothing. */
+export function storeMenuMetrics(theme) {
+    return {
+        rowHeight: componentTokenValue(theme, 'store_header.menu_row_height', 48),
+        labelSize: componentTokenValue(theme, 'store_header.menu_text_size', 16),
+    };
 }
 /** Past this the badge stops counting and says so, because a wider badge covers the glyph under it. */
 const BADGE_CEILING = 99;
@@ -36,4 +53,41 @@ export function cartBadgeCount(totalQuantity) {
         return null;
     return totalQuantity > BADGE_CEILING ? `${BADGE_CEILING}+` : String(totalQuantity);
 }
+/**
+ * The search bar's words in the buyer's language, the one rule the phone and
+ * its canvas twin read. Typing off, or no hint in the buyer's language or the
+ * Shop's default, holds the placeholder.
+ */
+export function searchBarWords(settings, language, defaultLanguage) {
+    const placeholder = platformWords(language, defaultLanguage).merchantOr(settings.placeholder, 'search.placeholder');
+    const wordsOf = (text) => text === undefined ? '' : (readable(text, language, defaultLanguage) ?? '').trim();
+    const lead = wordsOf(settings.hintLead);
+    const line = (typed) => (lead === '' ? typed : typed === '' ? lead : `${lead} ${typed}`);
+    const hints = settings.typeHints === true
+        ? (settings.hints ?? []).map((hint) => wordsOf(hint.text)).filter((hint) => hint !== '')
+        : [];
+    const first = hints[0];
+    return { lead, hints, label: first === undefined ? placeholder : line(first), line };
+}
+/** The store header's search entry in the buyer's language, read by the rule of the search bar. */
+export function searchEntryWords(settings, language, defaultLanguage) {
+    return searchBarWords(searchBarOfHeader(settings), language, defaultLanguage);
+}
+/**
+ * The search entry's box as the merchant set it on the search bar, and the
+ * entry the store header drew for every part they left out, so a search moved
+ * out of the header draws as it drew there, on the header's band. The
+ * header's entry is this box with nothing set.
+ */
+export function searchEntryBox(theme, settings = {}) {
+    const colors = storeHeaderColors(theme);
+    return {
+        height: settings.height ?? SEARCH_BAR_DEFAULTS.height,
+        radius: settings.radius ?? SEARCH_BAR_DEFAULTS.radius,
+        surface: colorChoiceOf(theme, settings.surface) ?? colors.search,
+        stroke: colorChoiceOf(theme, settings.stroke) ?? colors.search_border,
+        ink: colorChoiceOf(theme, settings.ink) ?? colors.search_ink,
+        band: colors.bar,
+    };
+}
 //# sourceMappingURL=store-header.js.map

package/dist/store-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"store-header.js","sourceRoot":"","sources":["../src/store-header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,+GAA+G;AAC/G,MAAM,kBAAkB,GAAG;IACzB,GAAG,EAAE,UAAU;IACf,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,SAAS;CAC6C,CAAC;AAMhE;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAiB;IACjD,OAAO,UAAU,CAAC,KAAK,EAAE,cAAc,EAAE,kBAAkB,CAAC,CAAC;AAC/D,CAAC;AAED,uGAAuG;AACvG,MAAM,aAAa,GAAG,EAAE,CAAC;AAEzB;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,aAAqB;IAClD,IAAI,aAAa,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;AACrF,CAAC"}
+{"version":3,"file":"store-header.js","sourceRoot":"","sources":["../src/store-header.ts"],"names":[],"mappings":"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"}

package/dist/variant-choice.d.ts

@@ -11,4 +11,18 @@ export declare function effectiveSelections(product: ProductDisplay, chosen: Opt
 export declare function selectedVariant(product: ProductDisplay, selections: OptionSelections): ProductVariantDisplay | null;
 /** Whether choosing this value, keeping the other choices, can still be bought. */
 export declare function valueAvailable(product: ProductDisplay, selections: OptionSelections, optionName: string, value: string): boolean;
+/**
+ * The values of one option that any variant offers together with the choices
+ * made in the options before it: a later option shows only what the earlier
+ * ones leave possible, so a weight the chosen box never comes in is not drawn.
+ * The first option shows all its values.
+ */
+export declare function valuesAfterEarlierChoices(product: ProductDisplay, selections: OptionSelections, optionName: string): string[];
+/**
+ * The choices after the shopper picks one value: theirs where they name a
+ * variant for sale, else those of the first variant for sale that keeps the
+ * pick and every choice before it, so a pick never leaves the box without a
+ * variant while one can be bought.
+ */
+export declare function choicesAfterPick(product: ProductDisplay, selections: OptionSelections, optionName: string, value: string): OptionSelections;
 //# sourceMappingURL=variant-choice.d.ts.map

package/dist/variant-choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variant-choice.d.ts","sourceRoot":"","sources":["../src/variant-choice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAS3E;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,gBAAgB,GACvB,gBAAgB,CAElB;AAMD,oEAAoE;AACpE,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,GAC3B,qBAAqB,GAAG,IAAI,CAE9B;AAED,mFAAmF;AACnF,wBAAgB,cAAc,CAC5B,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GACZ,OAAO,CAGT"}
+{"version":3,"file":"variant-choice.d.ts","sourceRoot":"","sources":["../src/variant-choice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErF;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,GAAG,gBAAgB,CAS3E;AAED,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,gBAAgB,GACvB,gBAAgB,CAElB;AAMD,oEAAoE;AACpE,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,GAC3B,qBAAqB,GAAG,IAAI,CAE9B;AAED,mFAAmF;AACnF,wBAAgB,cAAc,CAC5B,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GACZ,OAAO,CAGT;AAED;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,MAAM,GACjB,MAAM,EAAE,CAkBV;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,gBAAgB,EAC5B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GACZ,gBAAgB,CAelB"}