@zappie/foundations 0.1.8 → 0.1.10

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @zappie/foundations
 
+## 0.1.10
+
+### Patch Changes
+
+- b31a689: Declarations built with tsup 9.
+- Updated dependencies [1cbfebc]
+- Updated dependencies [b31a689]
+  - @zappie/sdk@0.1.24
+
+## 0.1.9
+
+### Patch Changes
+
+- c1ffb88: Images resize only from `RESIZE_HOSTS` (or your `resizeHosts`), never as `.avif`, `.jxl` or `.svg`. `Image` falls back once to the original when a resized image fails.
+- Updated dependencies [c1ffb88]
+  - @zappie/sdk@0.1.22
+
 ## 0.1.8
 
 ### Patch Changes

package/dist/{core-DdojsUzR.d.ts → core-Cd-_zlQx.d.ts}

@@ -20,4 +20,5 @@ type ParseRichText = (html: string) => ParsedRichTextNode[];
  */
 declare const createSanitizeRichText: (parseRichText: ParseRichText) => (html?: string | null) => string;
 
-export { type ParsedRichTextNode as P, type ParseRichText as a, createSanitizeRichText as c };
+export { createSanitizeRichText as c };
+export type { ParsedRichTextNode as P, ParseRichText as a };

package/dist/{engine-Bfbv9M0D.d.ts → engine-D2iRshfW.d.ts}

@@ -2,11 +2,12 @@ import * as react from 'react';
 import { AllHTMLAttributes, ReactNode, Ref } from 'react';
 import { Dialog } from '@base-ui/react/dialog';
 
+type PartOwnedAttributes = "children" | "defaultValue" | "value";
 /**
  * HTML attributes shared by foundation parts, with optional render-function children.
  * Set asChild to merge the part props and ref into a single child element.
  */
-type PartProps<S = Record<string, never>> = Omit<AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+type PartProps<S = Record<string, never>> = Omit<AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: ReactNode | ((state: S) => ReactNode);
 };
@@ -41,14 +42,14 @@ declare function useEngineParts(): Parts;
 declare function Surface(props: SurfaceProps & {
     children?: ReactNode;
 }): react.JSX.Element;
-declare const EngineTitle: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const EngineTitle: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: ReactNode | ((state: unknown) => ReactNode);
 } & {
     id?: string | undefined;
     state: unknown;
 } & react.RefAttributes<HTMLElement>>;
-declare const EngineClose: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const EngineClose: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: ReactNode | ((state: unknown) => ReactNode);
 } & {
@@ -56,4 +57,5 @@ declare const EngineClose: react.ForwardRefExoticComponent<Omit<react.AllHTMLAtt
     state: unknown;
 } & react.RefAttributes<HTMLElement>>;
 
-export { EngineClose as E, type PartProps as P, type SwipeDirection as S, type Presentation as a, EngineTitle as b, Surface as c, type SurfaceProps as d, useEngineParts as u };
+export { EngineClose as E, EngineTitle as c, Surface as d, useEngineParts as u };
+export type { PartOwnedAttributes as P, SwipeDirection as S, PartProps as a, Presentation as b, SurfaceProps as e };

package/dist/{history-Bqu12Vkz.d.ts → history-BlytQinP.d.ts}

@@ -5,4 +5,5 @@ type CloseOptions = {
 };
 declare const LOCATION_EVENT = "zappie:location";
 
-export { type CloseOptions as C, LOCATION_EVENT as L, type OverlayQuery as O };
+export { LOCATION_EVENT as L };
+export type { CloseOptions as C, OverlayQuery as O };

package/dist/index.d.ts

@@ -1,10 +1,11 @@
+import { P as PartOwnedAttributes, a as PartProps } from './engine-D2iRshfW.js';
+import { Presentation, SwipeDirection } from './overlay/engine.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, ComponentType, ReactElement, KeyboardEvent as KeyboardEvent$1, ImgHTMLAttributes, ChangeEvent, ClipboardEvent } from 'react';
 import * as _zappie_sdk from '@zappie/sdk';
 import { Branch as Branch$1, CartLine, CartLineInput, CartIssue, CartFix, Quote, DeliveryAddress, MenuSchedule, CartFulfilment, OptionGroup as OptionGroup$1, Item, Money as Money$1, Choice as Choice$1, MoneyFormatOptions, PaymentMethodKind, Category, Menu, OpeningTime } from '@zappie/sdk';
 import { useCart } from '@zappie/sdk/react';
-import { P as PartProps, a as Presentation, S as SwipeDirection } from './engine-Bfbv9M0D.js';
-import { C as CloseOptions, O as OverlayQuery } from './history-Bqu12Vkz.js';
+import { C as CloseOptions, O as OverlayQuery } from './history-BlytQinP.js';
 import '@base-ui/react/dialog';
 
 /** Account stubs that do not read credentials or host authentication. */
@@ -39,21 +40,21 @@ declare function signOut(_options?: {
  * SignIn and SignOut reject with AccountNotConfiguredError. They do not authenticate.
  */
 declare const Account: {
-    SignIn: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    SignIn: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             signIn: typeof signIn;
             status: "not_configured";
         }) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    SignOut: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    SignOut: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             signOut: typeof signOut;
             status: "not_configured";
         }) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Customer: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Customer: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             customer: Customer | null;
@@ -193,15 +194,15 @@ declare function Root$5({ value, defaultValue, onValueChange, min, max, step, di
  */
 declare const Quantity: {
     Root: typeof Root$5;
-    Value: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Value: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: QuantityState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Increment: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Increment: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: QuantityState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Decrement: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Decrement: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: QuantityState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
@@ -224,24 +225,24 @@ declare function CartQuantity({ lineId, ...props }: Omit<QuantityProps, "value"
  */
 declare const Cart: {
     Root: typeof Root$4;
-    Line: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Line: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: LineContext) => react.ReactNode);
     } & {
         line: CartLine;
     } & react.RefAttributes<HTMLElement>>;
     Quantity: typeof CartQuantity;
-    Remove: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Remove: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: Record<string, never>) => react.ReactNode);
     } & {
         lineId: string;
     } & react.RefAttributes<HTMLElement>>;
-    Empty: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Empty: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: Record<string, never>) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Issues: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Issues: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             issues: readonly CartIssue[];
@@ -260,7 +261,7 @@ type TotalsState = {
  * Expose the cart quote and its freshness or network status to your render function.
  * Subscribes to the cart and quote failures through your ZappieProvider.
  */
-declare const Totals: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const Totals: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: TotalsState) => react.ReactNode);
 } & react.RefAttributes<HTMLElement>>;
@@ -426,15 +427,15 @@ declare function Picker({ getSuggestions, onSelect, query, defaultQuery, onQuery
  */
 declare const Address: {
     Picker: typeof Picker;
-    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: AddressState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Suggestions: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Suggestions: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: AddressState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Suggestion: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Suggestion: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: AddressState) => react.ReactNode);
     } & {
@@ -455,7 +456,7 @@ type BranchPickerState = {
  * Use Branch.Picker within your ZappieProvider.
  */
 declare const Branch: {
-    Picker: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Picker: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: BranchPickerState) => react.ReactNode);
     } & {
@@ -507,7 +508,7 @@ declare function scheduleSlots(branch: Branch$1, timezone: string, now: Date, {
  * Expose valid fulfilment slots and ASAP eligibility using branch hours and loaded menu metadata.
  * Use null for ASAP. Requires a ZappieProvider and refreshes the available times each minute.
  */
-declare const Schedule: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const Schedule: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: ScheduleState) => react.ReactNode);
 } & {
@@ -531,7 +532,7 @@ type FulfilmentState = {
  * Selections must use an offered mode and the active branch ID.
  */
 declare const Fulfilment: {
-    Switch: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Switch: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: FulfilmentState) => react.ReactNode);
     } & {
@@ -634,7 +635,7 @@ type ChoiceState = {
  * Render a selectable option within an OptionGroup, with radio or checkbox semantics.
  * Exposes selection and quantity controls and disables unavailable choices.
  */
-declare const Choice: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const Choice: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: ChoiceState) => react.ReactNode);
 } & {
@@ -644,7 +645,7 @@ declare const Choice: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttribut
  * Group item options with selection rules, validation state and an Input part for typed responses.
  * Use within ItemForm.Root. Use Choice for options and OptionGroup.Input for typed responses.
  */
-declare const OptionGroup: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const OptionGroup: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: GroupState) => react.ReactNode);
 } & {
@@ -656,7 +657,7 @@ declare const OptionGroup: react.ForwardRefExoticComponent<Omit<react.AllHTMLAtt
      */
     requiredNote?: string | false;
 } & react.RefAttributes<HTMLElement>> & {
-    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: GroupState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
@@ -668,11 +669,11 @@ declare const OptionGroup: react.ForwardRefExoticComponent<Omit<react.AllHTMLAtt
  */
 declare const ItemForm: {
     Root: typeof Root$3;
-    Options: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Options: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: ItemFormContext) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Add: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Add: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: ItemFormContext) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
@@ -686,15 +687,17 @@ type ImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "srcSet"> &
     priority?: boolean;
     quality?: number;
     mode?: "resize" | "direct";
+    /** Lowercase hosts your zone resizes. Defaults to `RESIZE_HOSTS` from `@zappie/sdk/template`. */
+    resizeHosts?: readonly string[];
 };
-/** Render an image through same-origin resizing, or directly when unavailable. */
-declare function Image({ src, sizes, priority, quality, mode, alt, ...props }: ImageProps): react.JSX.Element;
+/** Render an image through same-origin resizing, falling back once to `src` if that fails. */
+declare function Image({ src, sizes, priority, quality, mode, resizeHosts, alt, onError, ...props }: ImageProps): react.JSX.Element;
 
 /**
  * Render formatted SDK money in a data element, with the minor-unit amount as its value.
  * You can override the content with children or a render function receiving the formatted string.
  */
-declare const Money: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const Money: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: {
         formatted: string;
@@ -730,7 +733,7 @@ declare function slotAttributes(index: number, length: number, value: string, di
  * You supply code verification.
  */
 declare const Otp: {
-    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: OtpState) => react.ReactNode);
     } & {
@@ -788,7 +791,7 @@ declare function Root$2({ param, id, presentation, swipeDirection, fallback, omi
  */
 declare const Overlay: {
     Root: typeof Root$2;
-    Trigger: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Trigger: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             isOpen: boolean;
@@ -796,7 +799,7 @@ declare const Overlay: {
             close: () => void;
         }) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Content: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Content: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             isOpen: boolean;
@@ -813,7 +816,7 @@ declare const Overlay: {
         /** Where to mount the content. Defaults to `document.body`. */
         container?: HTMLElement | null;
     } & react.RefAttributes<HTMLElement>>;
-    Title: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Title: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             isOpen: boolean;
@@ -821,7 +824,7 @@ declare const Overlay: {
             close: () => void;
         }) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Close: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Close: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: {
             isOpen: boolean;
@@ -856,7 +859,7 @@ declare function Root$1({ methods, value, defaultValue, onValueChange, ...props
  */
 declare const PaymentMethods: {
     Root: typeof Root$1;
-    Item: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Item: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: PaymentMethod & {
             selected: boolean;
@@ -924,15 +927,15 @@ declare function Root(props: RootProps): react.JSX.Element;
  */
 declare const Search: {
     Root: typeof Root;
-    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Input: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: SearchState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Results: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Results: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: SearchState) => react.ReactNode);
     } & react.RefAttributes<HTMLElement>>;
-    Result: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+    Result: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
         asChild?: boolean;
         children?: react.ReactNode | ((state: SearchState) => react.ReactNode);
     } & {
@@ -996,7 +999,7 @@ declare function getOpenStatus(branch: Branch$1, timezone: string, now?: Date):
  * Expose a branch opening label and open/closed state in a span or your render function.
  * Uses your time zone override, then the branch, store or UTC, and refreshes at boundaries and window focus.
  */
-declare const OpenStatus: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, "children" | "defaultValue" | "value"> & {
+declare const OpenStatus: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttributes<HTMLElement>, PartOwnedAttributes> & {
     asChild?: boolean;
     children?: react.ReactNode | ((state: OpenStatusState) => react.ReactNode);
 } & {
@@ -1007,4 +1010,5 @@ declare const OpenStatus: react.ForwardRefExoticComponent<Omit<react.AllHTMLAttr
 /** The installed @zappie/foundations version. */
 declare const FOUNDATIONS_VERSION: string;
 
-export { Account, AccountNotConfiguredError, type ActiveGroup, Address, type AddressState, type AddressSuggestion, Branch, BranchMap, type BranchMapLoadErrorState, type BranchMapProps, Cart, Choice, type Customer, type Deferred, type DeferredIdleOptions, type DeferredProps, DeliveryMap, type DeliveryMapProps, FOUNDATIONS_VERSION, Fulfilment, Image, type ImageProps, type IntentPreloadHandlers, ItemForm, type ItemFormContext, type ItemFormInvalidGroup, type ItemFormProps, type MapLoadErrorState, Money, OpenStatus, OptionGroup, Otp, Overlay, PartProps, type PaymentMethod, PaymentMethods, Quantity, type QuantityProps, type QuantityState, Schedule, type ScheduleSlot, type ScheduleState, Search, type SearchResult, type SearchSource, type SearchState, type SignInOptions, Totals, type TotalsState, createSearchIndex, deferred, formatOpeningHours, formatWallClock, getOpenStatus, parseWallClock, scheduleSlots, useControllableState, useIntentPreload, useOverlay };
+export { Account, AccountNotConfiguredError, Address, Branch, BranchMap, Cart, Choice, DeliveryMap, FOUNDATIONS_VERSION, Fulfilment, Image, ItemForm, Money, OpenStatus, OptionGroup, Otp, Overlay, PartProps, PaymentMethods, Quantity, Schedule, Search, Totals, createSearchIndex, deferred, formatOpeningHours, formatWallClock, getOpenStatus, parseWallClock, scheduleSlots, useControllableState, useIntentPreload, useOverlay };
+export type { ActiveGroup, AddressState, AddressSuggestion, BranchMapLoadErrorState, BranchMapProps, Customer, Deferred, DeferredIdleOptions, DeferredProps, DeliveryMapProps, ImageProps, IntentPreloadHandlers, ItemFormContext, ItemFormInvalidGroup, ItemFormProps, MapLoadErrorState, PaymentMethod, QuantityProps, QuantityState, ScheduleSlot, ScheduleState, SearchResult, SearchSource, SearchState, SignInOptions, TotalsState };

package/dist/internal/slot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/internal/slot.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  cloneElement,\n  createElement,\n  isValidElement,\n  type AllHTMLAttributes,\n  type ElementType,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n/**\n * HTML attributes shared by foundation parts, with optional render-function children.\n * Set asChild to merge the part props and ref into a single child element.\n */\nexport type PartProps<S = Record<string, never>> = Omit<\n  AllHTMLAttributes<HTMLElement>,\n  \"children\" | \"defaultValue\" | \"value\"\n> & {\n  asChild?: boolean;\n  children?: ReactNode | ((state: S) => ReactNode);\n};\nexport function composeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T> {\n  let cleanups: (() => void)[] = [];\n  return (value) => {\n    for (const cleanup of cleanups) {\n      cleanup();\n    }\n    cleanups = [];\n    if (value === null) {\n      return;\n    }\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        const cleanup = ref(value);\n        cleanups.push(\n          typeof cleanup === \"function\" ? cleanup : () => ref(null),\n        );\n      } else if (ref) {\n        ref.current = value;\n        cleanups.push(() => {\n          ref.current = null;\n        });\n      }\n    }\n  };\n}\n/** Consumer handlers run first and may cancel the primitive's action. */\nexport function mergeProps(\n  base: Record<string, unknown>,\n  consumer: Record<string, unknown>,\n) {\n  const result = { ...base, ...consumer };\n  if (\n    typeof base.className === \"string\" &&\n    typeof consumer.className === \"string\"\n  ) {\n    result.className = `${base.className} ${consumer.className}`;\n  }\n  if (\n    base.style &&\n    consumer.style &&\n    typeof base.style === \"object\" &&\n    typeof consumer.style === \"object\"\n  ) {\n    result.style = { ...base.style, ...consumer.style };\n  }\n  for (const key of Object.keys(base)) {\n    if (\n      /^on[A-Z]/.test(key) &&\n      typeof base[key] === \"function\" &&\n      typeof consumer[key] === \"function\"\n    ) {\n      result[key] = (event: { defaultPrevented?: boolean }) => {\n        (consumer[key] as (event: unknown) => void)(event);\n        if (!event.defaultPrevented) {\n          (base[key] as (event: unknown) => void)(event);\n        }\n      };\n    }\n  }\n  return result;\n}\nexport function part<S>(\n  tag: ElementType,\n  props: PartProps<S>,\n  state: S,\n  defaults: Record<string, unknown> = {},\n  ref?: Ref<HTMLElement>,\n) {\n  const { asChild, children, ...dom } = props;\n  const content = typeof children === \"function\" ? children(state) : children;\n  const merged = mergeProps(defaults, dom);\n  if (asChild || (tag === \"input\" && typeof children === \"function\")) {\n    const child = Children.only(content);\n    if (!isValidElement(child)) {\n      throw new Error(\"asChild requires one React element\");\n    }\n    const element = child as ReactElement<Record<string, unknown>>;\n    // React 18 stores ref on the element; React 19 stores it in props.\n    const descriptor = Object.getOwnPropertyDescriptor(element, \"ref\");\n    const childRef =\n      element.props.ref ??\n      (descriptor && \"value\" in descriptor ? descriptor.value : undefined);\n    return cloneElement(element, {\n      ...mergeProps(merged, element.props),\n      ref: composeRefs(ref, childRef as Ref<HTMLElement>),\n    });\n  }\n  return createElement(tag, { ...merged, ref }, content);\n}\n/** A part's caller-supplied id, whether passed as a prop or set on its `asChild` element. */\nexport function partId(props: {\n  id?: string | undefined;\n  asChild?: boolean | undefined;\n  children?: unknown;\n}): string | undefined {\n  if (props.id) {\n    return props.id;\n  }\n  if (props.asChild && isValidElement(props.children)) {\n    const id = (props.children.props as { id?: unknown }).id;\n    return typeof id === \"string\" ? id : undefined;\n  }\n  return undefined;\n}\n"],
-  "mappings": ";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAYA,SAAS,eAAkB,MAAsC;AACtE,MAAI,WAA2B,CAAC;AAChC,SAAO,CAAC,UAAU;AAChB,eAAW,WAAW,UAAU;AAC9B,cAAQ;AAAA,IACV;AACA,eAAW,CAAC;AACZ,QAAI,UAAU,MAAM;AAClB;AAAA,IACF;AACA,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,cAAM,UAAU,IAAI,KAAK;AACzB,iBAAS;AAAA,UACP,OAAO,YAAY,aAAa,UAAU,MAAM,IAAI,IAAI;AAAA,QAC1D;AAAA,MACF,WAAW,KAAK;AACd,YAAI,UAAU;AACd,iBAAS,KAAK,MAAM;AAClB,cAAI,UAAU;AAAA,QAChB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,WACd,MACA,UACA;AACA,QAAM,SAAS,EAAE,GAAG,MAAM,GAAG,SAAS;AACtC,MACE,OAAO,KAAK,cAAc,YAC1B,OAAO,SAAS,cAAc,UAC9B;AACA,WAAO,YAAY,GAAG,KAAK,SAAS,IAAI,SAAS,SAAS;AAAA,EAC5D;AACA,MACE,KAAK,SACL,SAAS,SACT,OAAO,KAAK,UAAU,YACtB,OAAO,SAAS,UAAU,UAC1B;AACA,WAAO,QAAQ,EAAE,GAAG,KAAK,OAAO,GAAG,SAAS,MAAM;AAAA,EACpD;AACA,aAAW,OAAO,OAAO,KAAK,IAAI,GAAG;AACnC,QACE,WAAW,KAAK,GAAG,KACnB,OAAO,KAAK,GAAG,MAAM,cACrB,OAAO,SAAS,GAAG,MAAM,YACzB;AACA,aAAO,GAAG,IAAI,CAAC,UAA0C;AACvD,QAAC,SAAS,GAAG,EAA+B,KAAK;AACjD,YAAI,CAAC,MAAM,kBAAkB;AAC3B,UAAC,KAAK,GAAG,EAA+B,KAAK;AAAA,QAC/C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACO,SAAS,KACd,KACA,OACA,OACA,WAAoC,CAAC,GACrC,KACA;AACA,QAAM,EAAE,SAAS,UAAU,GAAG,IAAI,IAAI;AACtC,QAAM,UAAU,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI;AACnE,QAAM,SAAS,WAAW,UAAU,GAAG;AACvC,MAAI,WAAY,QAAQ,WAAW,OAAO,aAAa,YAAa;AAClE,UAAM,QAAQ,SAAS,KAAK,OAAO;AACnC,QAAI,CAAC,eAAe,KAAK,GAAG;AAC1B,YAAM,IAAI,MAAM,oCAAoC;AAAA,IACtD;AACA,UAAM,UAAU;AAEhB,UAAM,aAAa,OAAO,yBAAyB,SAAS,KAAK;AACjE,UAAM,WACJ,QAAQ,MAAM,QACb,cAAc,WAAW,aAAa,WAAW,QAAQ;AAC5D,WAAO,aAAa,SAAS;AAAA,MAC3B,GAAG,WAAW,QAAQ,QAAQ,KAAK;AAAA,MACnC,KAAK,YAAY,KAAK,QAA4B;AAAA,IACpD,CAAC;AAAA,EACH;AACA,SAAO,cAAc,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,OAAO;AACvD;AAEO,SAAS,OAAO,OAIA;AACrB,MAAI,MAAM,IAAI;AACZ,WAAO,MAAM;AAAA,EACf;AACA,MAAI,MAAM,WAAW,eAAe,MAAM,QAAQ,GAAG;AACnD,UAAM,KAAM,MAAM,SAAS,MAA2B;AACtD,WAAO,OAAO,OAAO,WAAW,KAAK;AAAA,EACvC;AACA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  Children,\n  cloneElement,\n  createElement,\n  isValidElement,\n  type AllHTMLAttributes,\n  type ElementType,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nexport type PartOwnedAttributes = \"children\" | \"defaultValue\" | \"value\";\n/**\n * HTML attributes shared by foundation parts, with optional render-function children.\n * Set asChild to merge the part props and ref into a single child element.\n */\nexport type PartProps<S = Record<string, never>> = Omit<\n  AllHTMLAttributes<HTMLElement>,\n  PartOwnedAttributes\n> & {\n  asChild?: boolean;\n  children?: ReactNode | ((state: S) => ReactNode);\n};\nexport function composeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T> {\n  let cleanups: (() => void)[] = [];\n  return (value) => {\n    for (const cleanup of cleanups) {\n      cleanup();\n    }\n    cleanups = [];\n    if (value === null) {\n      return;\n    }\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        const cleanup = ref(value);\n        cleanups.push(\n          typeof cleanup === \"function\" ? cleanup : () => ref(null),\n        );\n      } else if (ref) {\n        ref.current = value;\n        cleanups.push(() => {\n          ref.current = null;\n        });\n      }\n    }\n  };\n}\n/** Consumer handlers run first and may cancel the primitive's action. */\nexport function mergeProps(\n  base: Record<string, unknown>,\n  consumer: Record<string, unknown>,\n) {\n  const result = { ...base, ...consumer };\n  if (\n    typeof base.className === \"string\" &&\n    typeof consumer.className === \"string\"\n  ) {\n    result.className = `${base.className} ${consumer.className}`;\n  }\n  if (\n    base.style &&\n    consumer.style &&\n    typeof base.style === \"object\" &&\n    typeof consumer.style === \"object\"\n  ) {\n    result.style = { ...base.style, ...consumer.style };\n  }\n  for (const key of Object.keys(base)) {\n    if (\n      /^on[A-Z]/.test(key) &&\n      typeof base[key] === \"function\" &&\n      typeof consumer[key] === \"function\"\n    ) {\n      result[key] = (event: { defaultPrevented?: boolean }) => {\n        (consumer[key] as (event: unknown) => void)(event);\n        if (!event.defaultPrevented) {\n          (base[key] as (event: unknown) => void)(event);\n        }\n      };\n    }\n  }\n  return result;\n}\nexport function part<S>(\n  tag: ElementType,\n  props: PartProps<S>,\n  state: S,\n  defaults: Record<string, unknown> = {},\n  ref?: Ref<HTMLElement>,\n) {\n  const { asChild, children, ...dom } = props;\n  const content = typeof children === \"function\" ? children(state) : children;\n  const merged = mergeProps(defaults, dom);\n  if (asChild || (tag === \"input\" && typeof children === \"function\")) {\n    const child = Children.only(content);\n    if (!isValidElement(child)) {\n      throw new Error(\"asChild requires one React element\");\n    }\n    const element = child as ReactElement<Record<string, unknown>>;\n    // React 18 stores ref on the element; React 19 stores it in props.\n    const descriptor = Object.getOwnPropertyDescriptor(element, \"ref\");\n    const childRef =\n      element.props.ref ??\n      (descriptor && \"value\" in descriptor ? descriptor.value : undefined);\n    return cloneElement(element, {\n      ...mergeProps(merged, element.props),\n      ref: composeRefs(ref, childRef as Ref<HTMLElement>),\n    });\n  }\n  return createElement(tag, { ...merged, ref }, content);\n}\n/** A part's caller-supplied id, whether passed as a prop or set on its `asChild` element. */\nexport function partId(props: {\n  id?: string | undefined;\n  asChild?: boolean | undefined;\n  children?: unknown;\n}): string | undefined {\n  if (props.id) {\n    return props.id;\n  }\n  if (props.asChild && isValidElement(props.children)) {\n    const id = (props.children.props as { id?: unknown }).id;\n    return typeof id === \"string\" ? id : undefined;\n  }\n  return undefined;\n}\n"],
+  "mappings": ";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAaA,SAAS,eAAkB,MAAsC;AACtE,MAAI,WAA2B,CAAC;AAChC,SAAO,CAAC,UAAU;AAChB,eAAW,WAAW,UAAU;AAC9B,cAAQ;AAAA,IACV;AACA,eAAW,CAAC;AACZ,QAAI,UAAU,MAAM;AAClB;AAAA,IACF;AACA,eAAW,OAAO,MAAM;AACtB,UAAI,OAAO,QAAQ,YAAY;AAC7B,cAAM,UAAU,IAAI,KAAK;AACzB,iBAAS;AAAA,UACP,OAAO,YAAY,aAAa,UAAU,MAAM,IAAI,IAAI;AAAA,QAC1D;AAAA,MACF,WAAW,KAAK;AACd,YAAI,UAAU;AACd,iBAAS,KAAK,MAAM;AAClB,cAAI,UAAU;AAAA,QAChB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,WACd,MACA,UACA;AACA,QAAM,SAAS,EAAE,GAAG,MAAM,GAAG,SAAS;AACtC,MACE,OAAO,KAAK,cAAc,YAC1B,OAAO,SAAS,cAAc,UAC9B;AACA,WAAO,YAAY,GAAG,KAAK,SAAS,IAAI,SAAS,SAAS;AAAA,EAC5D;AACA,MACE,KAAK,SACL,SAAS,SACT,OAAO,KAAK,UAAU,YACtB,OAAO,SAAS,UAAU,UAC1B;AACA,WAAO,QAAQ,EAAE,GAAG,KAAK,OAAO,GAAG,SAAS,MAAM;AAAA,EACpD;AACA,aAAW,OAAO,OAAO,KAAK,IAAI,GAAG;AACnC,QACE,WAAW,KAAK,GAAG,KACnB,OAAO,KAAK,GAAG,MAAM,cACrB,OAAO,SAAS,GAAG,MAAM,YACzB;AACA,aAAO,GAAG,IAAI,CAAC,UAA0C;AACvD,QAAC,SAAS,GAAG,EAA+B,KAAK;AACjD,YAAI,CAAC,MAAM,kBAAkB;AAC3B,UAAC,KAAK,GAAG,EAA+B,KAAK;AAAA,QAC/C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AACO,SAAS,KACd,KACA,OACA,OACA,WAAoC,CAAC,GACrC,KACA;AACA,QAAM,EAAE,SAAS,UAAU,GAAG,IAAI,IAAI;AACtC,QAAM,UAAU,OAAO,aAAa,aAAa,SAAS,KAAK,IAAI;AACnE,QAAM,SAAS,WAAW,UAAU,GAAG;AACvC,MAAI,WAAY,QAAQ,WAAW,OAAO,aAAa,YAAa;AAClE,UAAM,QAAQ,SAAS,KAAK,OAAO;AACnC,QAAI,CAAC,eAAe,KAAK,GAAG;AAC1B,YAAM,IAAI,MAAM,oCAAoC;AAAA,IACtD;AACA,UAAM,UAAU;AAEhB,UAAM,aAAa,OAAO,yBAAyB,SAAS,KAAK;AACjE,UAAM,WACJ,QAAQ,MAAM,QACb,cAAc,WAAW,aAAa,WAAW,QAAQ;AAC5D,WAAO,aAAa,SAAS;AAAA,MAC3B,GAAG,WAAW,QAAQ,QAAQ,KAAK;AAAA,MACnC,KAAK,YAAY,KAAK,QAA4B;AAAA,IACpD,CAAC;AAAA,EACH;AACA,SAAO,cAAc,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,OAAO;AACvD;AAEO,SAAS,OAAO,OAIA;AACrB,MAAI,MAAM,IAAI;AACZ,WAAO,MAAM;AAAA,EACf;AACA,MAAI,MAAM,WAAW,eAAe,MAAM,QAAQ,GAAG;AACnD,UAAM,KAAM,MAAM,SAAS,MAA2B;AACtD,WAAO,OAAO,OAAO,WAAW,KAAK;AAAA,EACvC;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/media/image.js

@@ -1,5 +1,6 @@
 // src/media/image.tsx
-import { resized, srcSet } from "@zappie/sdk/template";
+import { canResize, resized, srcSet } from "@zappie/sdk/template";
+import { useCallback, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 function Image({
   src,
@@ -7,20 +8,38 @@ function Image({
   priority = false,
   quality,
   mode = "resize",
+  resizeHosts,
   alt,
+  onError,
   ...props
 }) {
-  const responsive = mode === "resize" && /^https?:\/\//.test(src);
+  const [failed, setFailed] = useState(null);
+  const responsive = mode === "resize" && failed !== src && canResize(src, resizeHosts);
+  const checkLoaded = useCallback(
+    (image) => {
+      if (responsive && image?.complete && image.naturalWidth === 0) {
+        setFailed(src);
+      }
+    },
+    [responsive, src]
+  );
   return /* @__PURE__ */ jsx(
     "img",
     {
       ...props,
+      ref: checkLoaded,
       alt,
-      src: responsive ? resized(src, 960, quality) : src,
-      ...responsive ? { srcSet: srcSet(src, quality), sizes } : {},
+      src: responsive ? resized(src, 960, quality, resizeHosts) : src,
+      ...responsive ? { srcSet: srcSet(src, quality, resizeHosts), sizes } : {},
       loading: priority ? "eager" : "lazy",
       decoding: priority ? "sync" : "async",
-      ...priority ? { fetchPriority: "high" } : {}
+      ...priority ? { fetchPriority: "high" } : {},
+      onError: (event) => {
+        if (responsive) {
+          setFailed(src);
+        }
+        onError?.(event);
+      }
     }
   );
 }

package/dist/media/image.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/media/image.tsx"],
-  "sourcesContent": ["import { resized, srcSet } from \"@zappie/sdk/template\";\nimport type { ImgHTMLAttributes } from \"react\";\n\n/** Props for a responsive storefront image. */\nexport type ImageProps = Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\" | \"srcSet\"\n> & {\n  src: string;\n  alt: string;\n  sizes?: string;\n  priority?: boolean;\n  quality?: number;\n  mode?: \"resize\" | \"direct\";\n};\n\n/** Render an image through same-origin resizing, or directly when unavailable. */\nexport function Image({\n  src,\n  sizes = \"100vw\",\n  priority = false,\n  quality,\n  mode = \"resize\",\n  alt,\n  ...props\n}: ImageProps) {\n  const responsive = mode === \"resize\" && /^https?:\\/\\//.test(src);\n  return (\n    <img\n      {...props}\n      alt={alt}\n      src={responsive ? resized(src, 960, quality) : src}\n      {...(responsive ? { srcSet: srcSet(src, quality), sizes } : {})}\n      loading={priority ? \"eager\" : \"lazy\"}\n      decoding={priority ? \"sync\" : \"async\"}\n      {...(priority ? { fetchPriority: \"high\" as const } : {})}\n    />\n  );\n}\n"],
-  "mappings": ";AAAA,SAAS,SAAS,cAAc;AA4B5B;AAXG,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,aAAa,SAAS,YAAY,eAAe,KAAK,GAAG;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,KAAK,aAAa,QAAQ,KAAK,KAAK,OAAO,IAAI;AAAA,MAC9C,GAAI,aAAa,EAAE,QAAQ,OAAO,KAAK,OAAO,GAAG,MAAM,IAAI,CAAC;AAAA,MAC7D,SAAS,WAAW,UAAU;AAAA,MAC9B,UAAU,WAAW,SAAS;AAAA,MAC7B,GAAI,WAAW,EAAE,eAAe,OAAgB,IAAI,CAAC;AAAA;AAAA,EACxD;AAEJ;",
+  "sourcesContent": ["import { canResize, resized, srcSet } from \"@zappie/sdk/template\";\nimport { useCallback, useState, type ImgHTMLAttributes } from \"react\";\n\n/** Props for a responsive storefront image. */\nexport type ImageProps = Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\" | \"srcSet\"\n> & {\n  src: string;\n  alt: string;\n  sizes?: string;\n  priority?: boolean;\n  quality?: number;\n  mode?: \"resize\" | \"direct\";\n  /** Lowercase hosts your zone resizes. Defaults to `RESIZE_HOSTS` from `@zappie/sdk/template`. */\n  resizeHosts?: readonly string[];\n};\n\n/** Render an image through same-origin resizing, falling back once to `src` if that fails. */\nexport function Image({\n  src,\n  sizes = \"100vw\",\n  priority = false,\n  quality,\n  mode = \"resize\",\n  resizeHosts,\n  alt,\n  onError,\n  ...props\n}: ImageProps) {\n  const [failed, setFailed] = useState<string | null>(null);\n  const responsive =\n    mode === \"resize\" && failed !== src && canResize(src, resizeHosts);\n  // Catches an error that fired before hydration.\n  const checkLoaded = useCallback(\n    (image: HTMLImageElement | null) => {\n      if (responsive && image?.complete && image.naturalWidth === 0) {\n        setFailed(src);\n      }\n    },\n    [responsive, src],\n  );\n  return (\n    <img\n      {...props}\n      ref={checkLoaded}\n      alt={alt}\n      src={responsive ? resized(src, 960, quality, resizeHosts) : src}\n      {...(responsive\n        ? { srcSet: srcSet(src, quality, resizeHosts), sizes }\n        : {})}\n      loading={priority ? \"eager\" : \"lazy\"}\n      decoding={priority ? \"sync\" : \"async\"}\n      {...(priority ? { fetchPriority: \"high\" as const } : {})}\n      onError={(event) => {\n        if (responsive) {\n          setFailed(src);\n        }\n        onError?.(event);\n      }}\n    />\n  );\n}\n"],
+  "mappings": ";AAAA,SAAS,WAAW,SAAS,cAAc;AAC3C,SAAS,aAAa,gBAAwC;AA0C1D;AAxBG,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,aACJ,SAAS,YAAY,WAAW,OAAO,UAAU,KAAK,WAAW;AAEnE,QAAM,cAAc;AAAA,IAClB,CAAC,UAAmC;AAClC,UAAI,cAAc,OAAO,YAAY,MAAM,iBAAiB,GAAG;AAC7D,kBAAU,GAAG;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,YAAY,GAAG;AAAA,EAClB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL;AAAA,MACA,KAAK,aAAa,QAAQ,KAAK,KAAK,SAAS,WAAW,IAAI;AAAA,MAC3D,GAAI,aACD,EAAE,QAAQ,OAAO,KAAK,SAAS,WAAW,GAAG,MAAM,IACnD,CAAC;AAAA,MACL,SAAS,WAAW,UAAU;AAAA,MAC9B,UAAU,WAAW,SAAS;AAAA,MAC7B,GAAI,WAAW,EAAE,eAAe,OAAgB,IAAI,CAAC;AAAA,MACtD,SAAS,CAAC,UAAU;AAClB,YAAI,YAAY;AACd,oBAAU,GAAG;AAAA,QACf;AACA,kBAAU,KAAK;AAAA,MACjB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/next.d.ts

@@ -1,4 +1,4 @@
-export { L as OVERLAY_LOCATION_EVENT } from './history-Bqu12Vkz.js';
+export { L as OVERLAY_LOCATION_EVENT } from './history-BlytQinP.js';
 
 /** Capture same-page shallow moves before Next attempts a server navigation. */
 declare function installShallowHistory(): () => void;

package/dist/overlay/engine.d.ts

@@ -1,3 +1,3 @@
+export { E as EngineClose, c as EngineTitle, b as Presentation, d as Surface, e as SurfaceProps, S as SwipeDirection, u as useEngineParts } from '../engine-D2iRshfW.js';
 import 'react';
 import '@base-ui/react/dialog';
-export { E as EngineClose, b as EngineTitle, a as Presentation, c as Surface, d as SurfaceProps, S as SwipeDirection, u as useEngineParts } from '../engine-Bfbv9M0D.js';

package/dist/rich-text/browser.d.ts

@@ -1,4 +1,4 @@
-import { P as ParsedRichTextNode } from '../core-DdojsUzR.js';
+import { ParsedRichTextNode } from './index.js';
 
 /**
  * Parse HTML with the browser DOMParser and convert body children to the shared rich-text node format.

package/dist/rich-text/index.d.ts

@@ -1,4 +1,4 @@
-export { a as ParseRichText, P as ParsedRichTextNode, c as createSanitizeRichText } from '../core-DdojsUzR.js';
+export { a as ParseRichText, P as ParsedRichTextNode, c as createSanitizeRichText } from '../core-Cd-_zlQx.js';
 
 /**
  * The separator used to store multiple menu info banners in a single string.

package/dist/version.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var PACKAGE_VERSION = true ? "0.1.8" : "0.0.0-development";
+var PACKAGE_VERSION = true ? "0.1.10" : "0.0.0-development";
 export {
   PACKAGE_VERSION
 };

package/dist/version.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/version.ts"],
   "sourcesContent": ["// Builds replace __ZAPPIE_FOUNDATIONS_VERSION__ with the version in package.json. Code run straight\n// from source, such as a plain Node script, has no build step and gets the\n// development label instead.\ndeclare const __ZAPPIE_FOUNDATIONS_VERSION__: string | undefined;\n\n/** The installed @zappie/foundations version. */\nexport const PACKAGE_VERSION: string =\n  typeof __ZAPPIE_FOUNDATIONS_VERSION__ === \"string\"\n    ? __ZAPPIE_FOUNDATIONS_VERSION__\n    : \"0.0.0-development\";\n"],
-  "mappings": ";AAMO,IAAM,kBACX,OACI,UACA;",
+  "mappings": ";AAMO,IAAM,kBACX,OACI,WACA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zappie/foundations",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "UI-less React primitives for Zappie storefronts: behaviour, state and accessibility without styles.",
   "type": "module",
   "sideEffects": false,
@@ -33,7 +33,7 @@
   "dependencies": {
     "@base-ui/react": "^1.9.0",
     "@googlemaps/markerclusterer": "^2.6.2",
-    "@zappie/sdk": "^0.1.13"
+    "@zappie/sdk": "^0.1.24"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",