@develemit/storefront 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,245 @@
-# Temporary Holding Version
+# @develemit/storefront
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Brand-agnostic storefront UI and commerce logic, built so it can be extracted
+and published as a standalone package.
+
+## Boundary rules
+
+- No client branding, copy, colors, or product data in this package.
+  The consuming app supplies those through props, theme tokens, and data adapters.
+- No imports from `apps/*` or other app-specific packages.
+- React, React DOM, and Next are peer dependencies, never bundled.
+
+## Commands
+
+- `pnpm exec nx build storefront` — library build to `packages/storefront/dist`
+- `pnpm exec nx test storefront`
+
+## Theme contract
+
+Import `@develemit/storefront/styles.css` for neutral defaults, then override
+the variables in the host app (or pass a `StorefrontTheme` through
+`themeToCssVars()`).
+
+| Variable                      | Purpose                                           |
+| ----------------------------- | ------------------------------------------------- |
+| `--sf-color-bg`               | Page background                                   |
+| `--sf-color-surface`          | Cards and raised surfaces                         |
+| `--sf-color-fg`               | Primary text                                      |
+| `--sf-color-muted`            | Secondary text                                    |
+| `--sf-color-accent`           | Buttons and links                                 |
+| `--sf-color-accent-fg`        | Text on accent backgrounds                        |
+| `--sf-color-border`           | Borders and dividers                              |
+| `--sf-color-sold`             | Sold / unavailable treatment                      |
+| `--sf-radius`                 | Corner radius                                     |
+| `--sf-font-display`           | Headings font stack                               |
+| `--sf-font-body`              | Body font stack                                   |
+| `--sf-space-unit`             | Base spacing unit                                 |
+| `--sf-motion-duration`        | Drawer motion (default `0ms`)                     |
+| `--sf-color-focus`            | Gallery focus ring (default `currentColor`)       |
+| `--sf-card-hover-lift`        | Card hover lift (default `0px`)                   |
+| `--sf-card-hover-shadow`      | Card hover shadow (default `none`)                |
+| `--sf-card-image-hover-scale` | Card image hover zoom (default `1`)               |
+| `--sf-sold-opacity`           | Sold card image opacity (default `0.55`)          |
+| `--sf-sold-filter`            | Sold card image filter (default `grayscale(0.6)`) |
+| `--sf-grid-columns-mobile`    | Grid columns below 40rem (default `1`)            |
+
+## Components
+
+`PriceTag`, `AvailabilityBadge`, `ProductCard`, `ProductGrid`,
+`CategoryFilter`, and `ProductGallery` are styled only through the `--sf-*`
+variables. Wrap them in `StorefrontProvider` to supply framework adapters;
+without it they fall back to plain `<a>` and `<img>`.
+
+Example Next.js host setup (host code, not part of this package):
+
+```tsx
+import Link from 'next/link';
+import Image from 'next/image';
+import { StorefrontProvider } from '@develemit/storefront';
+import '@develemit/storefront/styles.css';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <StorefrontProvider
+      locale="en-US"
+      renderLink={({ href, children, className }) => (
+        <Link href={href} className={className}>
+          {children}
+        </Link>
+      )}
+      renderImage={({ src, alt, sizes, className }) => (
+        <Image src={src} alt={alt} sizes={sizes} className={className} fill />
+      )}
+      hrefs={{
+        product: (slug) => `/shop/${slug}`,
+        category: (slug) => (slug ? `/shop?category=${slug}` : '/shop'),
+      }}
+    >
+      {children}
+    </StorefrontProvider>
+  );
+}
+```
+
+`AvailabilityBadge` and the components that embed it take a `labels` prop to
+override the default copy ("One of a kind", "Sold", "On hold", "Available").
+`CategoryFilter` renders buttons when `onSelect` is passed (controlled mode) and
+links otherwise.
+
+## Server-safe helpers
+
+The main entry carries a `"use client"` directive, so in React Server
+Components its exports are client references and cannot be called. Pure helpers
+live in a directive-free entry:
+
+```ts
+import { formatPrice, sortForDisplay } from '@develemit/storefront/format';
+
+formatPrice(2500, 'USD'); // "$25.00"
+```
+
+Both are still exported from the main entry for client components.
+
+## API client
+
+`createCommerceClient` lives in a separate, React-free entry so server code can
+use it without pulling in the UI:
+
+```ts
+import { createCommerceClient } from '@develemit/storefront/client';
+
+const client = createCommerceClient({ baseUrl: 'https://example.com/api' });
+await client.listProducts({ category: 'rings' });
+await client.getProduct('sample-piece'); // throws NotFoundError on 404
+await client.listCategories();
+await client.createCheckout([{ productId: 'p1', quantity: 1 }]); // { url }
+await client.getOrderBySession('cs_test_123'); // order summary
+```
+
+`baseUrl` is where the commerce server plugins are mounted; the client appends
+`/catalog/...`, `/checkout`, and `/orders/...`. Responses are parsed with the
+contract schemas, so a drifting server fails loudly. Other non-2xx responses
+throw `CommerceApiError`.
+
+`createCheckout` throws `CheckoutConflictError` (a 409) when some items are
+sold or held by another buyer; its `productIds` lists them so the cart can drop
+them. Send only ids and quantities: the server prices every line itself.
+Redirect the shopper to the returned `url`.
+
+## Views
+
+`ShopView`, `ProductDetailView`, and `FeaturedProducts` take plain data plus
+slots (`header`, `intro`, `emptyState`, `actions`, `afterDetails`).
+`ShopView` lists sold items last (`sortForDisplay`).
+
+### Render a shop in a Next app
+
+```tsx
+// app/shop/page.tsx (server component)
+import { createCommerceClient } from '@develemit/storefront/client';
+import { ShopView } from '@develemit/storefront';
+
+const client = createCommerceClient({ baseUrl: process.env.COMMERCE_API_URL! });
+
+export default async function ShopPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ category?: string }>;
+}) {
+  const { category } = await searchParams;
+  const [products, categories] = await Promise.all([
+    client.listProducts({ category }),
+    client.listCategories(),
+  ]);
+  return (
+    <ShopView
+      products={products}
+      categories={categories}
+      activeCategory={category}
+      slots={{ header: <h1>Shop</h1> }}
+    />
+  );
+}
+```
+
+```tsx
+// app/shop/[slug]/page.tsx
+import { notFound } from 'next/navigation';
+import {
+  createCommerceClient,
+  NotFoundError,
+} from '@develemit/storefront/client';
+import { ProductDetailView } from '@develemit/storefront';
+
+export default async function ProductPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  try {
+    const product = await client.getProduct(slug);
+    return <ProductDetailView product={product} />;
+  } catch (e) {
+    if (e instanceof NotFoundError) notFound();
+    throw e;
+  }
+}
+```
+
+## Cart
+
+Wrap the app in `CartProvider` (inside `StorefrontProvider`). State is a
+snapshot of `CartLine`s; prices and availability are re-verified server-side
+at checkout. Persistence goes through a `CartStorage` (`load`/`save`); the
+default is `localStorageCartStorage(key)`, which hydrates after mount and never
+touches `window` during render.
+
+```tsx
+<CartProvider>
+  <CartButton />
+  <CartDrawer summary={{ onCheckout, checkoutLabel: 'Checkout' }} />
+</CartProvider>
+
+<ProductDetailView
+  product={product}
+  slots={{ actions: <AddToCartButton product={product} /> }}
+/>
+```
+
+`useCart()` exposes `add` (returns `{ added, capped, reason? }`), `remove`,
+`setQuantity`, `clear`, `open`/`close`, and the derived `itemCount` and
+`subtotalCents`. A product's `quantity` is the line's `maxQuantity`, so
+one-of-a-kind items can only be added once. Every label is overridable
+through a `labels` prop.
+
+### Polish hooks
+
+- `CartDrawer` `slots={{ empty, summaryNote }}`: `empty` replaces the
+  `labels.empty` text (for example with a link back to the shop); `summaryNote`
+  renders under the subtotal and Checkout button. An empty cart shows no
+  summary or Checkout button. Close and Remove are at least 44×44px.
+- `CartButton` `icon` (rendered before the label), `labelHidden` (visually
+  hides the label, keeping an accessible name like "Cart, 2 items") and
+  `hideZeroCount` (omits the count at 0; the accessible name becomes
+  "Cart, empty").
+- `--sf-motion-duration` (default `0ms`, no motion) drives the drawer's
+  slide-in and the backdrop's fade, in and out. It is forced to `0ms` under
+  `prefers-reduced-motion: reduce`. Example: `--sf-motion-duration: 200ms`.
+
+### Catalog presentation hooks
+
+- Card hover: `--sf-card-hover-lift`, `--sf-card-hover-shadow` and
+  `--sf-card-image-hover-scale` apply on `:hover` and `:focus-within`, animated
+  with `--sf-motion-duration` (off under `prefers-reduced-motion: reduce`).
+- Sold treatment: `--sf-sold-opacity` and `--sf-sold-filter` style the sold
+  card image.
+- `--sf-grid-columns-mobile` sets the column count below 40rem.
+- `CategoryFilter` `formatLabel(category)` and `sortCategories(a, b)` change
+  the label text and order (the input array is not mutated); `allLabel` renames
+  the All item. `ShopView` forwards them as `formatCategoryLabel`,
+  `sortCategories` and `allLabel`.
+- `ShopView`, `FeaturedProducts` and `ProductDetailView` accept
+  `labels?: Partial<AvailabilityLabels>` for the availability badge.
+- The gallery focus ring uses `--sf-color-focus`.

package/dist/cart/cart-provider.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { CartLine } from '@develemit/commerce-contracts';
+import { AddResult } from './cart-reducer';
+import { CartStorage } from './cart-storage';
+export interface CartContextValue {
+    lines: CartLine[];
+    itemCount: number;
+    subtotalCents: number;
+    currency: string | null;
+    hydrated: boolean;
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    add: (line: CartLine) => AddResult;
+    remove: (productId: string) => void;
+    setQuantity: (productId: string, quantity: number) => void;
+    clear: () => void;
+}
+export interface CartProviderProps {
+    storage?: CartStorage;
+    children: ReactNode;
+}
+export declare function CartProvider({ storage, children, }: CartProviderProps): import('react').JSX.Element;
+export declare function useCart(): CartContextValue;
+//# sourceMappingURL=cart-provider.d.ts.map

package/dist/cart/cart-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-provider.d.ts","sourceRoot":"","sources":["../../src/cart/cart-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAML,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,SAAS,CAAC;IACnC,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAID,wBAAgB,YAAY,CAAC,EAC3B,OAAwB,EACxB,QAAQ,GACT,EAAE,iBAAiB,+BAsDnB;AAED,wBAAgB,OAAO,IAAI,gBAAgB,CAI1C"}

package/dist/cart/cart-reducer.d.ts

@@ -0,0 +1,32 @@
+import { CartLine } from '@develemit/commerce-contracts';
+export interface CartState {
+    lines: CartLine[];
+}
+export type CartAction = {
+    type: 'add';
+    line: CartLine;
+} | {
+    type: 'remove';
+    productId: string;
+} | {
+    type: 'setQuantity';
+    productId: string;
+    quantity: number;
+} | {
+    type: 'clear';
+} | {
+    type: 'hydrate';
+    state: CartState;
+};
+export interface AddResult {
+    state: CartState;
+    added: boolean;
+    capped: boolean;
+    reason?: 'currency-mismatch';
+}
+export declare const emptyCart: CartState;
+export declare function addLine(state: CartState, line: CartLine): AddResult;
+export declare function cartReducer(state: CartState, action: CartAction): CartState;
+export declare function subtotalCents(state: CartState): number;
+export declare function itemCount(state: CartState): number;
+//# sourceMappingURL=cart-reducer.d.ts.map

package/dist/cart/cart-reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-reducer.d.ts","sourceRoot":"","sources":["../../src/cart/cart-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC5D;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,EAAE,SAAyB,CAAC;AAElD,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,GAAG,SAAS,CA8BnE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,CA4B3E;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAEtD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAElD"}

package/dist/cart/cart-storage.d.ts

@@ -0,0 +1,7 @@
+import { CartState } from './cart-reducer';
+export interface CartStorage {
+    load: () => CartState | Promise<CartState>;
+    save: (state: CartState) => void | Promise<void>;
+}
+export declare function localStorageCartStorage(key?: string): CartStorage;
+//# sourceMappingURL=cart-storage.d.ts.map

package/dist/cart/cart-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-storage.d.ts","sourceRoot":"","sources":["../../src/cart/cart-storage.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAC3C,IAAI,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAClD;AAED,wBAAgB,uBAAuB,CAAC,GAAG,SAAY,GAAG,WAAW,CA6BpE"}

package/dist/client/commerce-client.d.ts

@@ -0,0 +1,14 @@
+import { Category, CheckoutRequest, CheckoutResponse, OrderSummary, Product, ProductListQuery } from '@develemit/commerce-contracts';
+export interface CommerceClientOptions {
+    baseUrl: string;
+    fetch?: typeof fetch;
+}
+export interface CommerceClient {
+    listProducts(query?: ProductListQuery): Promise<Product[]>;
+    getProduct(slug: string): Promise<Product>;
+    listCategories(): Promise<Category[]>;
+    createCheckout(items: CheckoutRequest['items']): Promise<CheckoutResponse>;
+    getOrderBySession(sessionId: string): Promise<OrderSummary>;
+}
+export declare function createCommerceClient({ baseUrl, fetch: fetchImpl, }: CommerceClientOptions): CommerceClient;
+//# sourceMappingURL=commerce-client.d.ts.map

package/dist/client/commerce-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commerce-client.d.ts","sourceRoot":"","sources":["../../src/client/commerce-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,OAAO,EACZ,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AAOvC,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;IAC3D,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,cAAc,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,cAAc,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC3E,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CAC7D;AAID,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EAAE,SAAkD,GAC1D,EAAE,qBAAqB,GAAG,cAAc,CAsExC"}

package/dist/client/errors.d.ts

@@ -0,0 +1,13 @@
+export declare class CommerceApiError extends Error {
+    readonly status: number;
+    readonly url: string;
+    constructor(status: number, url: string, message?: string);
+}
+export declare class NotFoundError extends CommerceApiError {
+    constructor(url: string);
+}
+export declare class CheckoutConflictError extends CommerceApiError {
+    readonly productIds: string[];
+    constructor(url: string, productIds: string[]);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/client/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/client/errors.ts"],"names":[],"mappings":"AAAA,qBAAa,gBAAiB,SAAQ,KAAK;IAEvC,QAAQ,CAAC,MAAM,EAAE,MAAM;IACvB,QAAQ,CAAC,GAAG,EAAE,MAAM;gBADX,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,MAAM;CAKnB;AAED,qBAAa,aAAc,SAAQ,gBAAgB;gBACrC,GAAG,EAAE,MAAM;CAIxB;AAED,qBAAa,qBAAsB,SAAQ,gBAAgB;IAGvD,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE;gBAD7B,GAAG,EAAE,MAAM,EACF,UAAU,EAAE,MAAM,EAAE;CAShC"}

package/dist/client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './commerce-client';
+export * from './errors';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}

package/dist/client.js

@@ -0,0 +1,62 @@
+import { categorySchema as e, checkoutConflictSchema as t, checkoutResponseSchema as n, orderSummarySchema as r, productSchema as i } from "@develemit/commerce-contracts";
+// src/client/errors.ts
+var a = class extends Error {
+	status;
+	url;
+	constructor(e, t, n) {
+		super(n ?? `Commerce API request failed (${e}): ${t}`), this.status = e, this.url = t, this.name = "CommerceApiError";
+	}
+}, o = class extends a {
+	constructor(e) {
+		super(404, e, `Not found: ${e}`), this.name = "NotFoundError";
+	}
+}, s = class extends a {
+	productIds;
+	constructor(e, t) {
+		super(409, e, `Some items are no longer available: ${t.join(", ")}`), this.productIds = t, this.name = "CheckoutConflictError";
+	}
+};
+// src/client/commerce-client.ts
+function c({ baseUrl: c, fetch: l = (...e) => globalThis.fetch(...e) }) {
+	let u = c.replace(/\/+$/, "");
+	async function d(e, t, n) {
+		if (t.status === 404) throw new o(e);
+		if (!t.ok) throw new a(t.status, e);
+		return n.parse(await t.json());
+	}
+	async function f(e, t) {
+		let n = `${u}${e}`;
+		return d(n, await l(n, { headers: { accept: "application/json" } }), t);
+	}
+	async function p(e) {
+		let r = `${u}/checkout`, i = await l(r, {
+			method: "POST",
+			headers: {
+				accept: "application/json",
+				"content-type": "application/json"
+			},
+			body: JSON.stringify({ items: e })
+		});
+		if (i.status === 409) throw new s(r, t.parse(await i.json()).unavailableProductIds);
+		return d(r, i, n);
+	}
+	return {
+		listProducts(e = {}) {
+			let t = new URLSearchParams();
+			e.category && t.set("category", e.category), e.featured !== void 0 && t.set("featured", String(e.featured));
+			let n = t.toString();
+			return f(`/catalog/products${n ? `?${n}` : ""}`, i.array());
+		},
+		getProduct(e) {
+			return f(`/catalog/products/${encodeURIComponent(e)}`, i);
+		},
+		listCategories() {
+			return f("/catalog/categories", e.array());
+		},
+		createCheckout: p,
+		getOrderBySession(e) {
+			return f(`/orders/session/${encodeURIComponent(e)}`, r);
+		}
+	};
+}
+export { s as CheckoutConflictError, a as CommerceApiError, o as NotFoundError, c as createCommerceClient };

package/dist/components/add-to-cart-button/add-to-cart-button.d.ts

@@ -0,0 +1,15 @@
+import { Product } from '@develemit/commerce-contracts';
+export interface AddToCartLabels {
+    add: string;
+    inCart: string;
+    unavailable: string;
+}
+export declare const defaultAddToCartLabels: AddToCartLabels;
+export interface AddToCartButtonProps {
+    product: Product;
+    labels?: Partial<AddToCartLabels>;
+    openOnAdd?: boolean;
+    className?: string;
+}
+export declare function AddToCartButton({ product, labels, openOnAdd, className, }: AddToCartButtonProps): import('react').JSX.Element;
+//# sourceMappingURL=add-to-cart-button.d.ts.map

package/dist/components/add-to-cart-button/add-to-cart-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-to-cart-button.d.ts","sourceRoot":"","sources":["../../../src/components/add-to-cart-button/add-to-cart-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAG7D,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,EAAE,eAIpC,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,MAAM,EACN,SAAgB,EAChB,SAAS,GACV,EAAE,oBAAoB,+BAkCtB"}

package/dist/components/availability-badge/availability-badge.d.ts

@@ -0,0 +1,16 @@
+import { ProductAvailability } from '@develemit/commerce-contracts';
+export interface AvailabilityLabels {
+    oneOfAKind: string;
+    sold: string;
+    reserved: string;
+    available: string;
+}
+export declare const defaultAvailabilityLabels: AvailabilityLabels;
+export interface AvailabilityBadgeProps {
+    availability: ProductAvailability;
+    quantity: number;
+    labels?: Partial<AvailabilityLabels>;
+    className?: string;
+}
+export declare function AvailabilityBadge({ availability, quantity, labels, className, }: AvailabilityBadgeProps): import('react').JSX.Element;
+//# sourceMappingURL=availability-badge.d.ts.map

package/dist/components/availability-badge/availability-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"availability-badge.d.ts","sourceRoot":"","sources":["../../../src/components/availability-badge/availability-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAKvC,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,mBAAmB,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,sBAAsB,+BAyBxB"}

package/dist/components/cart-button/cart-button.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface CartButtonProps {
+    label?: string;
+    className?: string;
+    icon?: ReactNode;
+    labelHidden?: boolean;
+    hideZeroCount?: boolean;
+}
+export declare function CartButton({ label, className, icon, labelHidden, hideZeroCount, }: CartButtonProps): import('react').JSX.Element;
+//# sourceMappingURL=cart-button.d.ts.map

package/dist/components/cart-button/cart-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-button.d.ts","sourceRoot":"","sources":["../../../src/components/cart-button/cart-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAc,EACd,SAAS,EACT,IAAI,EACJ,WAAmB,EACnB,aAAqB,GACtB,EAAE,eAAe,+BA+BjB"}

package/dist/components/cart-drawer/cart-drawer.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { CartSummaryProps } from '../cart-summary/cart-summary';
+export interface CartDrawerLabels {
+    title: string;
+    close: string;
+    empty: string;
+}
+export declare const defaultCartDrawerLabels: CartDrawerLabels;
+export interface CartDrawerProps {
+    labels?: Partial<CartDrawerLabels>;
+    summary?: CartSummaryProps;
+    slots?: CartDrawerSlots;
+}
+export interface CartDrawerSlots {
+    empty?: ReactNode;
+    summaryNote?: ReactNode;
+}
+export declare function CartDrawer({ labels, summary, slots }: CartDrawerProps): import('react').JSX.Element | null;
+//# sourceMappingURL=cart-drawer.d.ts.map

package/dist/components/cart-drawer/cart-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/cart-drawer/cart-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,uBAAuB,EAAE,gBAIrC,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAKD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,sCAyFrE"}

package/dist/components/cart-drawer/use-drawer-presence.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare function useDrawerPresence(isOpen: boolean, backdropRef: RefObject<HTMLElement | null>): {
+    mounted: boolean;
+    state: string;
+};
+//# sourceMappingURL=use-drawer-presence.d.ts.map

package/dist/components/cart-drawer/use-drawer-presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drawer-presence.d.ts","sourceRoot":"","sources":["../../../src/components/cart-drawer/use-drawer-presence.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;;;EA6B3C"}

package/dist/components/cart-line-item/cart-line-item.d.ts

@@ -0,0 +1,12 @@
+import { CartLine } from '@develemit/commerce-contracts';
+export interface CartLineItemLabels {
+    remove: string;
+    quantity: string;
+}
+export declare const defaultCartLineItemLabels: CartLineItemLabels;
+export interface CartLineItemProps {
+    line: CartLine;
+    labels?: Partial<CartLineItemLabels>;
+}
+export declare function CartLineItem({ line, labels }: CartLineItemProps): import('react').JSX.Element;
+//# sourceMappingURL=cart-line-item.d.ts.map

package/dist/components/cart-line-item/cart-line-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-line-item.d.ts","sourceRoot":"","sources":["../../../src/components/cart-line-item/cart-line-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAK9D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,yBAAyB,EAAE,kBAGvC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,iBAAiB,+BAgD/D"}

package/dist/components/cart-summary/cart-summary.d.ts

@@ -0,0 +1,11 @@
+export interface CartSummaryLabels {
+    subtotal: string;
+}
+export interface CartSummaryProps {
+    onCheckout?: () => void;
+    checkoutLabel?: string;
+    checkoutDisabled?: boolean;
+    labels?: Partial<CartSummaryLabels>;
+}
+export declare function CartSummary({ onCheckout, checkoutLabel, checkoutDisabled, labels, }: CartSummaryProps): import('react').JSX.Element;
+//# sourceMappingURL=cart-summary.d.ts.map

package/dist/components/cart-summary/cart-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-summary.d.ts","sourceRoot":"","sources":["../../../src/components/cart-summary/cart-summary.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,aAA0B,EAC1B,gBAAwB,EACxB,MAAM,GACP,EAAE,gBAAgB,+BAsBlB"}

package/dist/components/category-filter/category-filter.d.ts

@@ -0,0 +1,12 @@
+import { Category } from '@develemit/commerce-contracts';
+export interface CategoryFilterProps {
+    categories: Category[];
+    selected?: string;
+    onSelect?: (slug: string | undefined) => void;
+    allLabel?: string;
+    label?: string;
+    formatLabel?: (category: Category) => string;
+    sortCategories?: (a: Category, b: Category) => number;
+}
+export declare function CategoryFilter({ categories, selected, onSelect, allLabel, label, formatLabel, sortCategories, }: CategoryFilterProps): import('react').JSX.Element;
+//# sourceMappingURL=category-filter.d.ts.map

package/dist/components/category-filter/category-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.d.ts","sourceRoot":"","sources":["../../../src/components/category-filter/category-filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAG9D,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,QAAQ,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC;CACvD;AAED,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,KAAoB,EACpB,WAAW,EACX,cAAc,GACf,EAAE,mBAAmB,+BA8CrB"}

package/dist/components/fixtures.d.ts

@@ -0,0 +1,3 @@
+import { Product } from '@develemit/commerce-contracts';
+export declare function makeProduct(overrides?: Partial<Product>): Product;
+//# sourceMappingURL=fixtures.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../src/components/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,wBAAgB,WAAW,CAAC,SAAS,GAAE,OAAO,CAAC,OAAO,CAAM,GAAG,OAAO,CAerE"}

package/dist/components/price-tag/price-tag.d.ts

@@ -0,0 +1,8 @@
+export interface PriceTagProps {
+    priceCents: number;
+    currency: string;
+    sold?: boolean;
+    className?: string;
+}
+export declare function PriceTag({ priceCents, currency, sold, className, }: PriceTagProps): import('react').JSX.Element;
+//# sourceMappingURL=price-tag.d.ts.map

package/dist/components/price-tag/price-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"price-tag.d.ts","sourceRoot":"","sources":["../../../src/components/price-tag/price-tag.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,UAAU,EACV,QAAQ,EACR,IAAY,EACZ,SAAS,GACV,EAAE,aAAa,+BAQf"}

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

@@ -0,0 +1,10 @@
+import { Product } from '@develemit/commerce-contracts';
+import { AvailabilityLabels } from '../availability-badge/availability-badge';
+export interface ProductCardProps {
+    product: Product;
+    labels?: Partial<AvailabilityLabels>;
+    sizes?: string;
+    priority?: boolean;
+}
+export declare function ProductCard({ product, labels, sizes, priority, }: ProductCardProps): import('react').JSX.Element;
+//# sourceMappingURL=product-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,0CAA0C,CAAC;AAGlD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,gBAAgB,+BA6ClB"}

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

@@ -0,0 +1,7 @@
+import { ProductImage } from '@develemit/commerce-contracts';
+export interface ProductGalleryProps {
+    images: ProductImage[];
+    sizes?: string;
+}
+export declare function ProductGallery({ images, sizes }: ProductGalleryProps): import('react').JSX.Element | null;
+//# sourceMappingURL=product-gallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-gallery.d.ts","sourceRoot":"","sources":["../../../src/components/product-gallery/product-gallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,mBAAmB,sCAqEpE"}