@zappie/foundations 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -0,0 +1,35 @@
+# @zappie/foundations
+
+## 0.1.2
+
+### Patch Changes
+
+- d3c5f98: Keep each runtime module separate so your app can split package code across routes. Check and verify accept compatible package updates without pinning you to one patch version.
+- Updated dependencies [d3c5f98]
+  - @zappie/sdk@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- 38f23ac: `VERSION` (`@zappie/sdk`) and `FOUNDATIONS_VERSION` (`@zappie/foundations`) report the installed version. In 0.1.0 they said `"0.0.0"`. Verify reports now carry the real `verifyVersion`, and the test-mode debug channel the real SDK version.
+- 1e6f420: Each package now has a README written for people installing it from npm: what it does, how to install and use it, its entry points, and links to docs.zappie.ai. `@zappie/kit` gains its first README.
+- Updated dependencies [38f23ac]
+- Updated dependencies [1e6f420]
+  - @zappie/sdk@0.1.1
+
+## 0.1.0
+
+### Minor Changes
+
+- - `@zappie/tokens`: Publish the semantic storefront token contract, CSS aliases, validation and compilation tools.
+  - `@zappie/sdk`: Publish the framework-agnostic storefront client and its React, server, checkout, customer, places, visits and URL entries.
+  - `@zappie/foundations`: Publish accessible, unstyled React primitives for storefront catalogue, item, fulfilment and cart experiences.
+  - `@zappie/theme-base`: Publish the reusable base storefront theme and its catalogue, item and cart surfaces.
+  - `@zappie/kit`: Publish the built component registry consumed by the Zappie CLI.
+  - `zappie`: Publish the component CLI with `add`, `list` and `diff`.
+
+### Patch Changes
+
+- Updated dependencies
+  - @zappie/sdk@0.1.0

package/README.md

@@ -1,274 +1,51 @@
 # @zappie/foundations
 
-Unstyled React commerce primitives for Open Storefronts PRD 05. They use the public SDK; they do not import Next, host UI, internal storefront packages, CSS or icons. React 18.2/19 is a peer. The package remains private until the planned public release.
+Unstyled React parts for storefronts. They handle the behaviour, state and accessibility of commerce UI: overlays, item options, quantities, the cart and its totals, fulfilment, addresses, schedules, search, payment methods, one-time codes, images, money and opening hours. You bring the styles.
 
-## Composition and state
-
-Wrap commerce primitives in `ZappieProvider` from `@zappie/sdk/react`. Load/hydrate the store and branch menu using the SDK. Overlays, Quantity, PaymentMethods, Address and OTP can also run without a provider.
-
-Every part accepts DOM attributes, a render-prop child, or `asChild` with exactly one element (including a render prop returning that element). Input parts accept a render-prop child returning one React element; their input props/ref are composed into that element. DOM handlers compose: the consumer runs first and can `preventDefault()` to cancel the default action. `asChild` preserves the child's handlers/ref. Components and custom children must forward their ref and supplied accessibility props. Use native buttons for button parts; replacing a button with a div makes the consumer responsible for native keyboard activation.
-
-The default elements have no classes, styles, icons or visible text. `Money` supplies its formatted value. Input values, accessible names from catalogue data and OTP digit labels are semantic defaults. Labels/buttons/help/error copy are supplied by the template. Render-prop state is never spread onto the DOM automatically.
-
-Controlled inputs use `value`/`onValueChange`; uncontrolled inputs use `defaultValue`. Search and Address use `query`/`onQueryChange`/`defaultQuery`. Overlay state is always the URL, so there is no competing `open` boolean.
-
-Boolean data attributes are present as empty strings only when true. Parts expose `data-state` and relevant `data-disabled`, `data-invalid`, `data-selected`, `data-sold-out`. Custom classes/styles pass through unchanged. The only global styling performed internally is the overlay engine's page scroll lock while a modal is open, removed when the last modal closes.
-
-## Money
-
-Anatomy: `<Money value={money} />` renders `<data value="450000">…</data>`. Props: branded SDK `Money`, optional `formatOptions`, DOM props. Render props expose `{ formatted }`. No state attributes or keyboard handling.
-
-```tsx
-<Money value={line.lineSubtotal} formatOptions={{ locale: "en-NG" }} />
-```
-
-## Quantity
-
-Anatomy: `Quantity.Root` → `Decrement`, `Value`, `Increment`. Root accepts value/defaultValue/onValueChange, min (1), max (99), step (1), disabled. Render props expose value/setValue/min/max/step/disabled. `Value` is a text input with spinbutton semantics; the buttons never add their own text. Disabled parts expose `data-disabled`.
-
-Arrow Up/Down moves one step; Home/End reaches the first/last allowed value. Typed numbers snap to the configured step and bounds. Provide an accessible name for the input and both buttons. For SDK item quantities, use a minimum divisible by the item's step; `Cart.Quantity` applies that rule automatically.
-
-```tsx
-<Quantity.Root min={1} max={10} onValueChange={setQuantity}>
-  <Quantity.Decrement aria-label="Decrease quantity" />
-  <Quantity.Value aria-label="Quantity" />
-  <Quantity.Increment aria-label="Increase quantity" />
-</Quantity.Root>
-```
-
-## ItemForm, OptionGroup and Choice
-
-Anatomy: `ItemForm.Root` → `ItemForm.Options` → `OptionGroup` → `Choice` / `OptionGroup.Input`; `ItemForm.Add` submits the configuration. Root props: item, optional full CartLineInput value/onValueChange, partial defaultValue, defaultQuantity, onAdded. Key the root by item ID when switching items to start a fresh configuration.
-
-Root/Options render props expose item, effective groups, quantity/setQuantity, value/setValue, unitPrice/total, issues, canAdd, add and status (`incomplete|valid|added`). `add()` returns a CartLine or null, invokes SDK cart validation, and focuses the first invalid group. Add stays actionable for incomplete configurations so it can explain errors. Runtime failures other than cart validation errors propagate to the caller.
-
-`@zappie/sdk` supplies the item preview: it reuses cart conditional groups, exact variant resolution and estimate math. It remains covered by the SDK core size budget. Preview values are estimates, not validated or authoritative quote totals. The SDK remains the sole owner of commerce validation.
-
-Groups expose `data-state="valid|invalid"` and `data-invalid`, with radiogroup semantics for one choice and grouped checkboxes otherwise. Choice exposes checked/unchecked, selected, disabled and sold-out. Radio arrows/Home/End select available choices with roving tabindex; Space activates native buttons. Optional single-choice groups can be cleared by activating the selected choice. Input handles text/number/date/time/toggle and informational free responses, enforces maxLength (default 500), and clears mutually exclusive selected options. Choice clears a group's free response. Choice's render state also exposes `quantity` (0 when unselected), `min`, `max` and `setQuantity(n)`, clamped to the choice's bounds (0 deselects), so templates can build per-choice steppers. Groups show `data-invalid` only after a failed add; from then on they follow live validation, so fixing a group clears it immediately.
-
-```tsx
-<ItemForm.Root item={item} onAdded={onAdded}>
-  {({ groups, total }) => (
-    <>
-      {groups.map((group) => (
-        <OptionGroup key={group.id} group={group}>
-          {group.kind === "select" ? (
-            group.choices.map((choice) => (
-              <Choice key={choice.id} choice={choice}>
-                {choice.name}
-              </Choice>
-            ))
-          ) : (
-            <OptionGroup.Input />
-          )}
-        </OptionGroup>
-      ))}
-      <Money value={total} />
-      <ItemForm.Add>Add to cart</ItemForm.Add>
-    </>
-  )}
-</ItemForm.Root>
-```
-
-## Cart and Totals
-
-Anatomy: `Cart.Root` → `Line`, `Quantity`, `Remove`, `Empty`, `Issues`. Root subscribes to the SDK snapshot and hydrates after mounting; SSR starts empty. Root render props include lines, count, subtotal, state, issues, fulfilment and actions. Root state is loading/invalid/valid.
-
-Line takes a CartLine and exposes the current line, current catalogue item, edit(patch), remove(). Cart.Quantity takes lineId and supplies a Quantity.Root bounded by that item's rules. Remove takes lineId. Empty renders only after hydration when there are no lines. Issues exposes issues/applyFix and has `aria-live="polite"`; interactive fixes (choose option/address/schedule) must open the appropriate editor rather than call applyFix without a selection.
-
-Totals independently subscribes to the cart and exposes quote plus loading/stale/ready/offline status. It observes quote expiry and quote_failed network events, uses a polite live region and aria-busy while loading. It does not request a quote just by rendering. SDK mutation debouncing and explicit `cart.quote()` own requests. No quote means stale, not a fabricated zero total. Quote line prices may be null when the upstream total cannot be allocated to lines.
-
-```tsx
-<Cart.Root>{({ lines }) => <>
-  <Cart.Empty>Your cart is empty</Cart.Empty>
-  {lines.map(line => <Cart.Line key={line.id} line={line}>
-    <Cart.Quantity lineId={line.id}><Quantity.Value aria-label="Quantity" /></Cart.Quantity>
-    <Cart.Remove lineId={line.id}>Remove {line.name}</Cart.Remove>
-  </Cart.Line>)}
-  <Cart.Issues>{({ issues }) => issues.map((issue, i) => <p key={i}>{issue.message}</p>)}</Cart.Issues>
-</>}</Cart.Root>
-<Totals>{({ quote, status }) => quote ? <Money value={quote.total} /> : <span>{status}</span>}</Totals>
-```
-
-## Fulfilment.Switch
-
-A group with options (only modes offered by the current branch), value and setValue. Props: optional value/defaultValue/onValueChange. Selection writes the SDK cart and checks branch/mode; delivery requires a complete address object. Keyboard behavior belongs to the native buttons/radios supplied by the template. No default visible text or state attribute.
-
-```tsx
-<Fulfilment.Switch aria-label="Fulfilment">
-  {({ options, setValue }) =>
-    options.includes("pickup") && (
-      <button onClick={() => setValue({ type: "pickup", branchId })}>
-        Pickup
-      </button>
-    )
-  }
-</Fulfilment.Switch>
-```
-
-## Branch.Picker
-
-Props: branches, optional controlled branch-ID value, onSelect. Render props expose branches, selected, isOpenNow(branch), async select(branch), isLoading and error. select calls SDK cart.moveTo before onSelect; failure is exposed without reporting a successful selection. It renders a group with aria-busy and loading/invalid/valid state. Supply buttons or a labelled native select for keyboard operation.
-
-```tsx
-<Branch.Picker branches={branches} aria-label="Branch">
-  {({ branches, select }) =>
-    branches.map((branch) => (
-      <button key={branch.id} onClick={() => void select(branch)}>
-        {branch.name}
-      </button>
-    ))
-  }
-</Branch.Picker>
-```
-
-## Address.Picker
-
-Anatomy: Address.Picker → Input, Suggestions → Suggestion. Props: getSuggestions(query, optionalAbortSignal), onSelect, controlled/uncontrolled query, debounceMs (200). Suggestions are `{ id, label, address: DeliveryAddress }`; no geocoding provider or API endpoint is built in. Search and Address announce how many options are listed through a visually hidden polite status region (the only inline style foundations renders); pass `announcement={(count) => ...}` to localise it. The region is omitted when the root uses `asChild`.
-
-Render props expose query/setQuery, suggestions, loading/ready/error status, error, activeIndex and combobox props/actions. Old responses are ignored and requests are aborted when query/provider changes or on unmount. Input keeps DOM focus; Up/Down changes active descendant, Enter selects, Escape collapses, blur outside closes. Suggestions exposes aria-busy, Suggestion exposes data-selected. Root data-state is loading/invalid/valid.
-
-```tsx
-<Address.Picker getSuggestions={getSuggestions} onSelect={selectAddress}>
-  <Address.Input aria-label="Delivery address" />
-  <Address.Suggestions aria-label="Addresses">
-    {({ suggestions }) =>
-      suggestions.map((item, index) => (
-        <Address.Suggestion key={item.id} index={index}>
-          {item.label}
-        </Address.Suggestion>
-      ))
-    }
-  </Address.Suggestions>
-</Address.Picker>
-```
-
-## Schedule
-
-Props: branch, optional timezone (branch then store timezone), controlled/uncontrolled ISO value (`null` means ASAP), onValueChange, intervalMinutes (30), maxDays (14, at most 90), noticeMinutes (0). Render props: days, slots, value/setValue, isAsap, canAsap, isValid. Slots include ISO value, local date and a label with timezone offset (distinguishing repeated DST times).
-
-Scheduling must be offered by the branch. Slots intersect branch hours and the loaded menu's top-level schedule, honour special hours/closedUntil and preorder notice/horizon. Missing DST wall times are skipped and repeated times retain distinct instants. A stale or unavailable selection is invalid. ASAP is disabled for closed branches and preorder menus. This is a presentation of known schedule facts; the server quote remains authoritative for item-specific restrictions. State is valid/invalid. Supply native buttons/selects for keyboard handling.
-
-```tsx
-<Schedule branch={branch} onValueChange={setScheduledFor} aria-label="Schedule">
-  {({ slots, setValue }) => (
-    <select
-      aria-label="Time slot"
-      onChange={(event) => setValue(event.target.value)}
-    >
-      {slots.map((slot) => (
-        <option key={slot.value} value={slot.value}>
-          {slot.date} {slot.label}
-        </option>
-      ))}
-    </select>
-  )}
-</Schedule>
-```
-
-## PaymentMethods
-
-Anatomy: Root → Item. Root takes methods (SDK method kinds or `{ value, disabled, reason }`), value/defaultValue/onValueChange; Item takes value. Display/preference only: it never charges or starts payment. Root is a labelled radiogroup. Items expose checked/unchecked, selected and disabled; reason is aria-description and also available to render props. Arrows/Home/End skip disabled methods; Space selects native buttons.
-
-```tsx
-<PaymentMethods.Root
-  methods={["card", "bank_transfer"]}
-  aria-label="Preferred payment"
->
-  <PaymentMethods.Item value="card">Card</PaymentMethods.Item>
-  <PaymentMethods.Item value="bank_transfer">Bank transfer</PaymentMethods.Item>
-</PaymentMethods.Root>
-```
-
-## Overlay
-
-Anatomy: Root → Trigger, Content → Title, Close. Root requires param/id and accepts informational presentation (dialog/drawer/sheet), fallback query and omitParams. Every rendered Root registers only its exact ID by matching the URL; unknown IDs render no content. `useOverlay(param, id)` exposes isOpen/open(query?)/close(). IDs and query values remain data, never executable content.
-
-URL search is the sole state source via useSyncExternalStore. Open pushes a marked history entry; close steps back through its stack, or replaces a deep link without leaving the site. Back closes the inner overlay, Forward reopens it. Root/Trigger expose open/closed; Content exposes open and data-presentation. Content is a labelled `aria-modal` overlay. Its mechanics come from Base UI, driven by the URL: it portals to `document.body` (or `container`), contains focus (an explicit `[data-autofocus]`, else the first focusable, else the overlay itself), restores focus to the trigger, hides the page behind from assistive technology, locks page scroll, and closes the top layer on Escape or an outside press (`onEscape` and `onInteractOutside` can `preventDefault()` to keep it open).
-
-`presentation` chooses the behaviour: `"dialog"`, a swipeable `"drawer"` (swipe down to dismiss by default) or `"sheet"` (swipe right by default); `swipeDirection` overrides it. It is responsive: `presentation={{ base: "drawer", md: "dialog" }}` uses Tailwind's breakpoints (`sm` 640, `md` 768, `lg` 1024, `xl` 1280) through media queries, and the server renders `base`. Drawers keep focused fields above the on-screen keyboard. Root and Content expose `data-presentation`.
-
-The engine is a separate chunk. Root prefetches it when the browser is idle and on trigger hover or focus, so it is normally ready before the first open. On a cold first open it loads before the overlay appears, and the package's initial entry stays within its size gate (`pnpm --filter @zappie/foundations size`).
-
-Content must be positioned, as any modal is (for example `position: fixed`): the engine keeps an inert layer behind it to catch outside presses. Each modal also renders an unstyled backdrop marked `data-zappie-backdrop` (with `data-state` and `data-presentation`) for templates to style. Pass `forceMount` to keep content mounted while closed so exit animations can run on `data-state="closed"`. Give every overlay an `Overlay.Title` (visually hidden if need be) or an `aria-label`. Templates supply placement and a visible close button. Mount nested roots inside the outer content.
-
-```tsx
-<Overlay.Root param="modal" id="cart" presentation="drawer">
-  <Overlay.Trigger>Open cart</Overlay.Trigger>
-  <Overlay.Content>
-    <Overlay.Title>Cart</Overlay.Title>
-    <Overlay.Close>Close cart</Overlay.Close>
-  </Overlay.Content>
-</Overlay.Root>
-```
-
-In Next, call `useNextOverlayBridge()` from `@zappie/foundations/next` once in the client shell. It captures same-page shallow history moves before Next's listener; no Next dependency enters the package. Plain React and React Router need no bridge. Native writes preserve history metadata and bypass framework wrappers; page-changing entries clear stale Next markers.
-
-## OpenStatus
-
-Props: branch, optional timezone override. Exposes isOpen, label and nextChange; renders no visible text unless the template chooses it. `data-state="open|closed"`. No keyboard behavior. Uses Intl in the branch/store timezone, merged weekly sessions, overnight hours and calendar exceptions. A timer updates at the next opening/closing boundary, with focus refresh for suspended tabs. Pure helpers getOpenStatus/formatOpeningHours/parseWallClock/formatWallClock can be used outside React.
-
-```tsx
-<OpenStatus branch={branch}>{({ label }) => label}</OpenStatus>
+```sh
+npm install @zappie/foundations @zappie/sdk react react-dom
 ```
 
-## Search
+React 18.2 or 19 is a peer dependency.
 
-Anatomy: Root → Input, Results → Result. Root takes query/defaultQuery/onQueryChange and onSelect(result). Results include item/category discriminated unions and scores. Render props expose query/setQuery, results, activeIndex and combobox props/actions. Normalize case/diacritics; token prefixes plus Damerau–Levenshtein distance ≤1 for query tokens of at least four characters. Name weighs above tags above description. Index rebuilds only when the branch menu changes. The SDK emits `search { query, resultCount }` after 600ms of stable nonempty input; no analytics network transport is added.
+## Use it
 
-Keyboard: Up/Down, Enter, Escape with DOM focus retained on the input; blur outside closes. Root data-state is loading/stale/valid; results expose data-selected.
+The parts read Zappie data through `@zappie/sdk`, so wrap them in its `ZappieProvider`. Each part renders a plain element you can style, or takes a render function:
 
 ```tsx
-<Search.Root onSelect={openSearchResult}>
-  <Search.Input aria-label="Search menu" />
-  <Search.Results aria-label="Results">
-    {({ results }) =>
-      results.map((result, index) => (
-        <Search.Result key={index} index={index}>
-          {result.type === "item" ? result.item.name : result.category.name}
-        </Search.Result>
-      ))
-    }
-  </Search.Results>
-</Search.Root>
-```
-
-## Account stubs
-
-Account.SignIn, SignOut and Customer are deliberate PRD 13 placeholders. They expose status `not_configured`; signIn(options)/signOut(options) reject with AccountNotConfiguredError (`code="not_configured"`). Customer is null. They never read host credentials or perform navigation/network auth. Sign-in options and the future customer shape match PRD 13. DOM state is invalid; supply your own markup, usually omit auth UI until configured.
+import type { Branch } from "@zappie/sdk";
+import { OpenStatus } from "@zappie/foundations";
 
-```tsx
-<Account.Customer>
-  {({ customer }) => customer?.givenName ?? "Guest"}
-</Account.Customer>
+export function Hours({ branch }: { branch: Branch }) {
+  return (
+    <OpenStatus branch={branch} className="hours">
+      {(status) => status.label}
+    </OpenStatus>
+  );
+}
 ```
 
-## Checkout/accounts-only OTP
+The label reads like "Open until 10pm", "Opens 8am tomorrow" or "Closed", and it updates when the branch opens or closes. Parts expose their state as `data-*` attributes, such as `data-state="open"`, so you can style each state in CSS.
 
-Otp.Input is exported for the checkout and accounts applications, not an alternative storefront login flow. Props: length (6, range 1–12), value/defaultValue/onValueChange/onComplete/disabled. Default markup is a group of labelled text inputs with numeric input mode, one-time-code autocomplete on the first input, paste/autofill, left/right movement and backspace across slots. No value is logged. A render prop can supply all slots through getSlotProps(index), preserving their data-otp-slot attribute. State attribute: data-disabled.
+Want ready-made, styled components instead? Copy them into your project from the kit with `npx zappie add <name>`.
 
-```tsx
-<Otp.Input length={6} aria-label="Verification code" onComplete={verifyCode} />
-```
+## Entry points
 
-## Build or adopt
+| Import                          | For                                                             |
+| ------------------------------- | --------------------------------------------------------------- |
+| `@zappie/foundations`           | Every part                                                      |
+| `@zappie/foundations/next`      | Keeping overlays in step with Back and Forward in a Next.js app |
+| `@zappie/foundations/rich-text` | Sanitising and parsing merchant rich text before you render it  |
 
-Base UI already ships as the lazily loaded overlay engine, but the other primitives are built in-house on purpose: they render with the page, and the Base UI equivalents of the generic patterns alone are about 75 KB gzipped against 12 KB for all of foundations. Adopt the Base UI component for a single primitive only when the in-house one keeps producing accessibility or device bugs that aren't cheaply fixable, or when the primitive only ever renders inside an overlay (it then loads with the engine chunk). Commerce behaviour and the `data-*` contract stay in foundations either way. The rule, the measurements and the current status of each primitive are in open-storefronts PRD 05 §4.7.
+## Docs
 
-## Examples and verification
+- [Foundations reference](https://docs.zappie.ai/foundations/core)
+- [Build a storefront](https://docs.zappie.ai/guides/build-a-storefront)
 
-[examples/commerce.tsx](examples/commerce.tsx) and [examples/overlay.tsx](examples/overlay.tsx) are executable, synthetic examples. The Next host exposes `/foundations-lab` only outside production; the standalone Vite fixture runs on loopback.
+## Status
 
-```sh
-pnpm exec vite packages/foundations/examples --config packages/foundations/examples/vite.config.ts
-pnpm exec vitest run packages/foundations
-pnpm exec vitest run --config vitest.foundations-browser.config.ts
-pnpm exec playwright test --config playwright.foundations.config.ts
-pnpm packages:build
-pnpm sdk:size
-pnpm check-types
-```
+Foundations is at `0.x`. Its API can change in a minor release while it settles. Each change is listed in `CHANGELOG.md`.
 
-Component tests use RTL and axe in jsdom (color contrast is disabled there because jsdom has no layout/canvas). The browser example test runs axe in Chromium. The separate Playwright matrix exercises Vite and the real Next host on Chromium, WebKit and Mobile Safari. Tests use synthetic data and loopback servers, not production APIs or real payments.
+## License
 
-Keyboard behavior follows the WAI-ARIA APG [dialog](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/), [combobox](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/), [radio](https://www.w3.org/WAI/ARIA/apg/patterns/radio/) and spinbutton patterns. Consumers must retain semantics and provide meaningful visible/accessibility labels.
+MIT

package/dist/account/index.js

@@ -0,0 +1,49 @@
+// src/account/index.tsx
+import { forwardRef } from "react";
+import { part } from "../internal/slot.js";
+var AccountNotConfiguredError = class extends Error {
+  constructor() {
+    super("Account authentication requires SDK auth (Open Storefronts PRD 13)");
+    this.code = "not_configured";
+    this.name = "AccountNotConfiguredError";
+  }
+};
+async function signIn(_options) {
+  throw new AccountNotConfiguredError();
+}
+async function signOut(_options) {
+  throw new AccountNotConfiguredError();
+}
+var SignIn = forwardRef(function SignIn2(props, ref) {
+  return part(
+    "div",
+    props,
+    { signIn, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var SignOut = forwardRef(function SignOut2(props, ref) {
+  return part(
+    "div",
+    props,
+    { signOut, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var CustomerPart = forwardRef(function Customer(props, ref) {
+  return part(
+    "div",
+    props,
+    { customer: null, status: "not_configured" },
+    { "data-state": "invalid" },
+    ref
+  );
+});
+var Account = { SignIn, SignOut, Customer: CustomerPart };
+export {
+  Account,
+  AccountNotConfiguredError
+};
+//# sourceMappingURL=index.js.map

package/dist/account/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/account/index.tsx"],
+  "sourcesContent": ["import { forwardRef } from \"react\";\nimport { part, type PartProps } from \"../internal/slot\";\n/** Account stubs that do not read credentials or host authentication. */\nexport type Customer = { id: string; givenName?: string; phoneMasked: string };\n/**\n * Sign-in options reserved by the account contract.\n * The current Account sign-in stub rejects with AccountNotConfiguredError.\n */\nexport type SignInOptions = {\n  returnTo?: string;\n  prompt?: \"none\" | \"login\";\n  display?: \"popup\" | \"redirect\" | \"auto\";\n  scopes?: (\n    | \"openid\"\n    | \"phone\"\n    | \"profile\"\n    | \"addresses\"\n    | \"orders:read\"\n    | \"offline_access\"\n    | \"cart\"\n  )[];\n};\n/**\n * An error from Account sign-in and sign-out when authentication is not configured.\n */\nexport class AccountNotConfiguredError extends Error {\n  readonly code = \"not_configured\";\n  constructor() {\n    super(\"Account authentication requires SDK auth (Open Storefronts PRD 13)\");\n    this.name = \"AccountNotConfiguredError\";\n  }\n}\nasync function signIn(_options?: SignInOptions): Promise<void> {\n  throw new AccountNotConfiguredError();\n}\nasync function signOut(_options?: { everywhere?: boolean }): Promise<void> {\n  throw new AccountNotConfiguredError();\n}\nconst SignIn = forwardRef<\n  HTMLElement,\n  PartProps<{ signIn: typeof signIn; status: \"not_configured\" }>\n>(function SignIn(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { signIn, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\nconst SignOut = forwardRef<\n  HTMLElement,\n  PartProps<{ signOut: typeof signOut; status: \"not_configured\" }>\n>(function SignOut(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { signOut, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\nconst CustomerPart = forwardRef<\n  HTMLElement,\n  PartProps<{ customer: Customer | null; status: \"not_configured\" }>\n>(function Customer(props, ref) {\n  return part(\n    \"div\",\n    props,\n    { customer: null, status: \"not_configured\" },\n    { \"data-state\": \"invalid\" },\n    ref,\n  );\n});\n/**\n * Account UI stubs that expose a not_configured status and a null customer.\n * SignIn and SignOut reject with AccountNotConfiguredError. They do not authenticate.\n */\nexport const Account = { SignIn, SignOut, Customer: CustomerPart };\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,SAAS,YAA4B;AAwB9B,IAAM,4BAAN,cAAwC,MAAM;AAAA,EAEnD,cAAc;AACZ,UAAM,oEAAoE;AAF5E,SAAS,OAAO;AAGd,SAAK,OAAO;AAAA,EACd;AACF;AACA,eAAe,OAAO,UAAyC;AAC7D,QAAM,IAAI,0BAA0B;AACtC;AACA,eAAe,QAAQ,UAAoD;AACzE,QAAM,IAAI,0BAA0B;AACtC;AACA,IAAM,SAAS,WAGb,SAASA,QAAO,OAAO,KAAK;AAC5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,QAAQ,QAAQ,iBAAiB;AAAA,IACnC,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AACD,IAAM,UAAU,WAGd,SAASC,SAAQ,OAAO,KAAK;AAC7B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,SAAS,QAAQ,iBAAiB;AAAA,IACpC,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AACD,IAAM,eAAe,WAGnB,SAAS,SAAS,OAAO,KAAK;AAC9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,UAAU,MAAM,QAAQ,iBAAiB;AAAA,IAC3C,EAAE,cAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AACF,CAAC;AAKM,IAAM,UAAU,EAAE,QAAQ,SAAS,UAAU,aAAa;",
+  "names": ["SignIn", "SignOut"]
+}

package/dist/cart/index.js

@@ -0,0 +1,168 @@
+"use client";
+
+// src/cart/index.tsx
+import { useCart, useCartCatalogue, useZappie } from "@zappie/sdk/react";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useEffect,
+  useState
+} from "react";
+import { part } from "../internal/slot.js";
+import { Quantity } from "../item-form/quantity.js";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext(null);
+function useContextValue() {
+  const value = useContext(Context);
+  if (!value) {
+    throw new Error("Cart parts require Cart.Root");
+  }
+  return value;
+}
+function Root(props) {
+  const state = useCart();
+  return /* @__PURE__ */ jsx(Context.Provider, { value: state, children: part("div", props, state, {
+    "data-state": !state.isHydrated ? "loading" : state.issues.some((issue) => issue.severity === "blocking") ? "invalid" : "valid"
+  }) });
+}
+var Line = forwardRef(function Line2({ line, ...props }, ref) {
+  const cart = useContextValue();
+  const item = useCartCatalogue()?.items[line.itemId];
+  const current = cart.lines.find((candidate) => candidate.id === line.id);
+  if (!current) {
+    return null;
+  }
+  const context = {
+    line: current,
+    item,
+    edit: (patch) => cart.actions.update(line.id, patch),
+    remove: () => cart.actions.remove(line.id)
+  };
+  return part(
+    "div",
+    props,
+    context,
+    {
+      "data-zappie-cart-line": line.id,
+      "data-invalid": cart.issues.some(
+        (issue) => issue.lineId === line.id && issue.severity === "blocking"
+      ) ? "" : void 0
+    },
+    ref
+  );
+});
+function CartQuantity({
+  lineId,
+  ...props
+}) {
+  const cart = useContextValue();
+  const line = cart.lines.find((candidate) => candidate.id === lineId);
+  const item = useCartCatalogue()?.items[line?.itemId ?? ""];
+  if (!line) {
+    return null;
+  }
+  const step = item?.quantity.step ?? 1;
+  const min = Math.ceil((item?.quantity.min ?? 1) / step) * step;
+  return /* @__PURE__ */ jsx(
+    Quantity.Root,
+    {
+      ...props,
+      value: line.quantity,
+      min,
+      max: Math.min(item?.quantity.max ?? 99, 99),
+      step,
+      onValueChange: (quantity) => cart.actions.update(lineId, { quantity })
+    }
+  );
+}
+var Remove = forwardRef(
+  function Remove2({ lineId, ...props }, ref) {
+    const cart = useContextValue();
+    return part(
+      "button",
+      props,
+      {},
+      { type: "button", onClick: () => cart.actions.remove(lineId) },
+      ref
+    );
+  }
+);
+var Empty = forwardRef(function Empty2(props, ref) {
+  const cart = useContextValue();
+  return cart.isHydrated && !cart.lines.length ? part("div", props, {}, {}, ref) : null;
+});
+var Issues = forwardRef(function Issues2(props, ref) {
+  const cart = useContextValue();
+  return part(
+    "div",
+    props,
+    { issues: cart.issues, applyFix: cart.actions.applyFix },
+    {
+      "aria-live": "polite",
+      "data-state": cart.issues.length ? "invalid" : "valid"
+    },
+    ref
+  );
+});
+var Cart = {
+  Root,
+  Line,
+  Quantity: CartQuantity,
+  Remove,
+  Empty,
+  Issues
+};
+var Totals = forwardRef(
+  function Totals2(props, ref) {
+    const cart = useCart();
+    const client = useZappie();
+    const [failure, setFailure] = useState(null);
+    const [expired, setExpired] = useState(false);
+    const quote = "quote" in cart.state ? cart.state.quote : void 0;
+    useEffect(
+      () => client.on(
+        "quote_failed",
+        ({ code }) => setFailure(
+          code === "network_error" || code === "timeout" ? "offline" : "stale"
+        )
+      ),
+      [client]
+    );
+    useEffect(() => {
+      if (cart.state.status === "quoting" || quote) {
+        setFailure(null);
+      }
+      setExpired(Boolean(quote && Date.parse(quote.expiresAt) <= Date.now()));
+      if (!quote) {
+        return;
+      }
+      const timeout = setTimeout(
+        () => setExpired(true),
+        Math.max(
+          0,
+          Math.min(2147483647, Date.parse(quote.expiresAt) - Date.now())
+        )
+      );
+      return () => clearTimeout(timeout);
+    }, [quote, cart.state.status]);
+    const pending = cart.state.status === "ready" && !quote && cart.lines.length > 0;
+    const status = failure === "offline" ? "offline" : cart.state.status === "quoting" || !cart.isHydrated ? "loading" : failure === "stale" || expired ? "stale" : pending ? "loading" : !quote ? "stale" : "ready";
+    return part(
+      "div",
+      props,
+      { quote, status },
+      {
+        "aria-live": "polite",
+        "aria-busy": status === "loading",
+        "data-state": status === "ready" ? "valid" : status === "offline" ? "stale" : status
+      },
+      ref
+    );
+  }
+);
+export {
+  Cart,
+  Totals
+};
+//# sourceMappingURL=index.js.map

package/dist/cart/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/cart/index.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type {\n  CartFix,\n  CartIssue,\n  CartLine,\n  CartLineInput,\n  Quote,\n} from \"@zappie/sdk\";\nimport { useCart, useCartCatalogue, useZappie } from \"@zappie/sdk/react\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\nimport { part, type PartProps } from \"../internal/slot\";\nimport { Quantity, type QuantityProps } from \"../item-form/quantity\";\ntype CartContext = ReturnType<typeof useCart>;\nconst Context = createContext<CartContext | null>(null);\nfunction useContextValue() {\n  const value = useContext(Context);\n  if (!value) {\n    throw new Error(\"Cart parts require Cart.Root\");\n  }\n  return value;\n}\nfunction Root(props: PartProps<CartContext>) {\n  const state = useCart();\n  return (\n    <Context.Provider value={state}>\n      {part(\"div\", props, state, {\n        \"data-state\": !state.isHydrated\n          ? \"loading\"\n          : state.issues.some((issue) => issue.severity === \"blocking\")\n            ? \"invalid\"\n            : \"valid\",\n      })}\n    </Context.Provider>\n  );\n}\ntype LineContext = {\n  line: CartLine;\n  item: import(\"@zappie/sdk\").Item | undefined;\n  edit: (patch: Partial<Omit<CartLineInput, \"itemId\">>) => CartLine;\n  remove: () => void;\n};\nconst Line = forwardRef<\n  HTMLElement,\n  PartProps<LineContext> & { line: CartLine }\n>(function Line({ line, ...props }, ref) {\n  const cart = useContextValue();\n  const item = useCartCatalogue()?.items[line.itemId];\n  const current = cart.lines.find((candidate) => candidate.id === line.id);\n  if (!current) {\n    return null;\n  }\n  const context = {\n    line: current,\n    item,\n    edit: (patch: Partial<Omit<CartLineInput, \"itemId\">>) =>\n      cart.actions.update(line.id, patch),\n    remove: () => cart.actions.remove(line.id),\n  };\n  return part(\n    \"div\",\n    props,\n    context,\n    {\n      \"data-zappie-cart-line\": line.id,\n      \"data-invalid\": cart.issues.some(\n        (issue) => issue.lineId === line.id && issue.severity === \"blocking\",\n      )\n        ? \"\"\n        : undefined,\n    },\n    ref,\n  );\n});\nfunction CartQuantity({\n  lineId,\n  ...props\n}: Omit<QuantityProps, \"value\" | \"defaultValue\" | \"onValueChange\"> & {\n  lineId: string;\n}) {\n  const cart = useContextValue();\n  const line = cart.lines.find((candidate) => candidate.id === lineId);\n  const item = useCartCatalogue()?.items[line?.itemId ?? \"\"];\n  if (!line) {\n    return null;\n  }\n  const step = item?.quantity.step ?? 1;\n  const min = Math.ceil((item?.quantity.min ?? 1) / step) * step;\n  return (\n    <Quantity.Root\n      {...props}\n      value={line.quantity}\n      min={min}\n      max={Math.min(item?.quantity.max ?? 99, 99)}\n      step={step}\n      onValueChange={(quantity) => cart.actions.update(lineId, { quantity })}\n    />\n  );\n}\nconst Remove = forwardRef<HTMLElement, PartProps & { lineId: string }>(\n  function Remove({ lineId, ...props }, ref) {\n    const cart = useContextValue();\n    return part(\n      \"button\",\n      props,\n      {},\n      { type: \"button\", onClick: () => cart.actions.remove(lineId) },\n      ref,\n    );\n  },\n);\nconst Empty = forwardRef<HTMLElement, PartProps>(function Empty(props, ref) {\n  const cart = useContextValue();\n  return cart.isHydrated && !cart.lines.length\n    ? part(\"div\", props, {}, {}, ref)\n    : null;\n});\nconst Issues = forwardRef<\n  HTMLElement,\n  PartProps<{\n    issues: readonly CartIssue[];\n    applyFix: (issue: CartIssue, fix?: CartFix) => void;\n  }>\n>(function Issues(props, ref) {\n  const cart = useContextValue();\n  return part(\n    \"div\",\n    props,\n    { issues: cart.issues, applyFix: cart.actions.applyFix },\n    {\n      \"aria-live\": \"polite\",\n      \"data-state\": cart.issues.length ? \"invalid\" : \"valid\",\n    },\n    ref,\n  );\n});\n/**\n * Composable cart parts for lines, quantity changes, removal, empty state and validation issues.\n * Wrap the parts in Cart.Root inside your ZappieProvider.\n */\nexport const Cart = {\n  Root,\n  Line,\n  Quantity: CartQuantity,\n  Remove,\n  Empty,\n  Issues,\n};\n/**\n * The quote and its display status: loading, stale, ready or offline.\n */\nexport type TotalsState = {\n  quote?: Quote | undefined;\n  status: \"loading\" | \"stale\" | \"ready\" | \"offline\";\n};\n/**\n * Expose the cart quote and its freshness or network status to your render function.\n * Subscribes to the cart and quote failures through your ZappieProvider.\n */\nexport const Totals = forwardRef<HTMLElement, PartProps<TotalsState>>(\n  function Totals(props, ref) {\n    const cart = useCart();\n    const client = useZappie();\n    const [failure, setFailure] = useState<\"offline\" | \"stale\" | null>(null);\n    const [expired, setExpired] = useState(false);\n    const quote = \"quote\" in cart.state ? cart.state.quote : undefined;\n    useEffect(\n      () =>\n        client.on(\"quote_failed\", ({ code }) =>\n          setFailure(\n            code === \"network_error\" || code === \"timeout\"\n              ? \"offline\"\n              : \"stale\",\n          ),\n        ),\n      [client],\n    );\n    useEffect(() => {\n      if (cart.state.status === \"quoting\" || quote) {\n        setFailure(null);\n      }\n      setExpired(Boolean(quote && Date.parse(quote.expiresAt) <= Date.now()));\n      if (!quote) {\n        return;\n      }\n      const timeout = setTimeout(\n        () => setExpired(true),\n        Math.max(\n          0,\n          Math.min(2147483647, Date.parse(quote.expiresAt) - Date.now()),\n        ),\n      );\n      return () => clearTimeout(timeout);\n    }, [quote, cart.state.status]);\n    // The SDK re-quotes shortly after every change, so a cart with lines and\n    // no quote yet is waiting for one rather than stale.\n    const pending =\n      cart.state.status === \"ready\" && !quote && cart.lines.length > 0;\n    const status: TotalsState[\"status\"] =\n      failure === \"offline\"\n        ? \"offline\"\n        : cart.state.status === \"quoting\" || !cart.isHydrated\n          ? \"loading\"\n          : failure === \"stale\" || expired\n            ? \"stale\"\n            : pending\n              ? \"loading\"\n              : !quote\n                ? \"stale\"\n                : \"ready\";\n    return part(\n      \"div\",\n      props,\n      { quote, status },\n      {\n        \"aria-live\": \"polite\",\n        \"aria-busy\": status === \"loading\",\n        \"data-state\":\n          status === \"ready\"\n            ? \"valid\"\n            : status === \"offline\"\n              ? \"stale\"\n              : status,\n      },\n      ref,\n    );\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["Line", "Remove", "Empty", "Issues", "Totals"]
+}