@patientos/website-kit 0.2.6 → 0.2.8

package/dist/chunk-UTAMB2SK.js

@@ -0,0 +1,214 @@
+import {
+  normalizeCatalogResponse,
+  storeCatalogPath
+} from "./chunk-WQSJ46TP.js";
+import {
+  createStoreClient,
+  formatMoney
+} from "./chunk-7BUDUYXN.js";
+import {
+  addToCart,
+  cartItemCount,
+  readCart,
+  subscribeToCart
+} from "./chunk-4NF7SSIX.js";
+
+// src/store-block.client.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SKELETON_CARDS = 6;
+var ADD_BUTTON_ATTR = "data-sk-store-add";
+var STORE_PREHYDRATION_SCRIPT = `(function(){
+if(window.__skStoreArmed)return;window.__skStoreArmed=1;
+document.addEventListener('click',function(e){
+var t=e.target;if(!t||!t.closest)return;
+var b=t.closest('button[${ADD_BUTTON_ATTR}]');if(!b||b.disabled)return;
+var c=b.closest('.sk-store__card');var s=c?c.querySelector('select'):null;
+var v=(s&&s.value)||b.getAttribute('data-sk-store-variant');if(!v)return;
+(b.__skStoreQueue||(b.__skStoreQueue=[])).push({variantId:v,event:e});
+},true);
+})();`;
+function takeQueuedClicks(button) {
+  const queue = button?.__skStoreQueue;
+  if (!queue || queue.length === 0) return [];
+  button.__skStoreQueue = [];
+  return queue;
+}
+function dropQueuedClick(button, nativeEvent) {
+  const queue = button?.__skStoreQueue;
+  if (!queue) return;
+  const at = queue.findIndex((entry) => entry.event === nativeEvent);
+  if (at >= 0) queue.splice(at, 1);
+}
+function StoreClient({
+  categoryHandle,
+  productHandle,
+  storeApiOrigin,
+  title,
+  columns,
+  hideCartLink,
+  initialCatalog
+}) {
+  const client = React.useMemo(
+    () => createStoreClient({ apiOrigin: storeApiOrigin }),
+    [storeApiOrigin]
+  );
+  const [catalog, setCatalog] = React.useState(
+    initialCatalog ?? null
+  );
+  const [failed, setFailed] = React.useState(false);
+  const [count, setCount] = React.useState(0);
+  React.useEffect(() => {
+    setCount(cartItemCount(readCart()));
+    return subscribeToCart((cart) => setCount(cartItemCount(cart)));
+  }, []);
+  const hasSeed = initialCatalog != null;
+  React.useEffect(() => {
+    let alive = true;
+    void client.get(storeCatalogPath(productHandle)).then((result) => {
+      if (!alive) return;
+      if (!result.ok) {
+        setFailed((previous) => hasSeed ? previous : true);
+        return;
+      }
+      setCatalog(normalizeCatalogResponse(result.data));
+      setFailed(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [client, productHandle, hasSeed]);
+  const products = React.useMemo(() => {
+    if (!catalog) return [];
+    if (productHandle || !categoryHandle) return catalog.products;
+    return catalog.products.filter(
+      (product) => product.categories.some((category) => category.handle === categoryHandle)
+    );
+  }, [catalog, categoryHandle, productHandle]);
+  if (failed && !catalog) {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
+      /* @__PURE__ */ jsx("p", { className: "sk-store__placeholder", role: "note", children: "Our shop is unavailable right now. Please contact the clinic to order." })
+    ] });
+  }
+  const gridStyle = columns ? { "--sk-store-columns": columns } : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    hasSeed ? /* @__PURE__ */ jsx(
+      "script",
+      {
+        className: "sk-store__prehydration",
+        dangerouslySetInnerHTML: { __html: STORE_PREHYDRATION_SCRIPT }
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "sk-store__header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
+      hideCartLink ? null : /* @__PURE__ */ jsxs("a", { className: "sk-store__cart-link", href: "/cart", children: [
+        "Cart",
+        count > 0 ? ` (${count})` : ""
+      ] })
+    ] }),
+    !catalog ? (
+      // A fixed-height skeleton grid, not a line of text: the text-then-grid swap is
+      // what made the shop jump on every load.
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "sk-store__placeholder sk-store__placeholder--sr", role: "status", children: "Loading the shop\u2026" }),
+        /* @__PURE__ */ jsx("ul", { className: "sk-store__grid", style: gridStyle, "aria-hidden": true, children: Array.from({ length: SKELETON_CARDS }, (_, index) => /* @__PURE__ */ jsxs("li", { className: "sk-store__card sk-store__card--skeleton", children: [
+          /* @__PURE__ */ jsx("span", { className: "sk-store__image sk-store__image--empty" }),
+          /* @__PURE__ */ jsx("span", { className: "sk-store__skeleton-line" }),
+          /* @__PURE__ */ jsx("span", { className: "sk-store__skeleton-line sk-store__skeleton-line--short" }),
+          /* @__PURE__ */ jsx("span", { className: "sk-store__skeleton-button" })
+        ] }, index)) })
+      ] })
+    ) : products.length === 0 ? /* @__PURE__ */ jsx("p", { className: "sk-store__placeholder", role: "status", children: "Nothing is available to order online just now." }) : /* @__PURE__ */ jsx("ul", { className: "sk-store__grid", style: gridStyle, children: products.map((product) => /* @__PURE__ */ jsx(StoreCard, { product }, product.id)) })
+  ] });
+}
+function StoreCard({ product }) {
+  const [variantId, setVariantId] = React.useState(
+    () => (product.variants.find((v) => v.inStock) ?? product.variants[0]).id
+  );
+  const [addFeedback, setAddFeedback] = React.useState(null);
+  const variant = product.variants.find((v) => v.id === variantId) ?? product.variants[0];
+  const image = product.thumbnailUrl ?? product.images[0]?.url ?? null;
+  const addRef = React.useRef(null);
+  const add = React.useCallback(async (id) => {
+    const result = await addToCart(id, 1);
+    setAddFeedback(result.status);
+    window.setTimeout(() => setAddFeedback(null), 1600);
+  }, []);
+  const variants = product.variants;
+  React.useEffect(() => {
+    const queued = takeQueuedClicks(addRef.current);
+    if (queued.length === 0) return;
+    void (async () => {
+      for (const click of queued) {
+        const known = variants.some((v) => v.id === click.variantId);
+        await add(known ? click.variantId : variantId);
+      }
+    })();
+  }, []);
+  function onAdd(nativeEvent) {
+    dropQueuedClick(addRef.current, nativeEvent);
+    void add(variant.id);
+  }
+  return /* @__PURE__ */ jsxs("li", { className: "sk-store__card", children: [
+    /* @__PURE__ */ jsxs("a", { className: "sk-store__card-link", href: `/store/${product.handle}`, children: [
+      image ? (
+        // Square by contract (CSS `aspect-ratio` AND the intrinsic ratio in the
+        // markup), lazy, and decoded off the main thread: the card must hold its
+        // height before the bytes arrive or the whole grid reflows around it.
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: "sk-store__image",
+            src: image,
+            alt: product.images[0]?.alt ?? "",
+            width: 600,
+            height: 600,
+            loading: "lazy",
+            decoding: "async"
+          }
+        )
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "sk-store__image sk-store__image--empty",
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sk-store__title", children: product.title })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { className: "sk-store__price", children: [
+      formatMoney(variant.price),
+      product.gstApplicable ? /* @__PURE__ */ jsx("span", { className: "sk-store__gst", children: " incl. GST" }) : null
+    ] }),
+    product.variants.length > 1 ? /* @__PURE__ */ jsxs("label", { className: "sk-store__variant", children: [
+      /* @__PURE__ */ jsx("span", { className: "sk-store__variant-label", children: "Option" }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: variantId,
+          onChange: (e) => setVariantId(e.target.value),
+          children: product.variants.map((v) => /* @__PURE__ */ jsx("option", { value: v.id, disabled: !v.inStock, children: (v.options.length ? v.options.join(" / ") : v.title) + (v.inStock ? "" : " \u2014 sold out") }, v.id))
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "sk-store__add",
+        ref: addRef,
+        "data-sk-store-add": "",
+        "data-sk-store-variant": variant.id,
+        onClick: (event) => onAdd(event.nativeEvent),
+        disabled: !variant.inStock,
+        children: !variant.inStock ? "Sold out" : addFeedback === "added" ? "Added \u2713" : addFeedback === "line_limit" ? "Cart full \u2014 50 products max" : addFeedback === "quantity_limit" ? "Maximum 99 in cart" : addFeedback === "cart_storage_unavailable" ? "This browser can\u2019t safely update the cart" : "Add to cart"
+      }
+    )
+  ] });
+}
+
+export {
+  STORE_PREHYDRATION_SCRIPT,
+  StoreClient
+};

package/dist/chunk-WQSJ46TP.js

@@ -0,0 +1,19 @@
+// src/store-catalog.ts
+function storeCatalogPath(productHandle) {
+  return productHandle ? `/api/store/catalog/${encodeURIComponent(productHandle)}` : "/api/store/catalog";
+}
+function normalizeCatalogResponse(data) {
+  return "product" in data ? { products: [data.product], currency: data.currency } : data;
+}
+async function fetchStoreCatalog(client, options = {}) {
+  const result = await client.get(
+    storeCatalogPath(options.productHandle)
+  );
+  return result.ok ? normalizeCatalogResponse(result.data) : null;
+}
+
+export {
+  storeCatalogPath,
+  normalizeCatalogResponse,
+  fetchStoreCatalog
+};

package/dist/chunk-ZNH6TSYP.js

@@ -0,0 +1,167 @@
+import {
+  CartLineList,
+  CartProblemList,
+  CartTotals,
+  UnsupportedCartLineList,
+  quoteSourceQuantities,
+  useCartQuote
+} from "./chunk-IOC6QLB7.js";
+import {
+  createStoreClient
+} from "./chunk-7BUDUYXN.js";
+import {
+  cartItemCount,
+  readCart,
+  subscribeToCart
+} from "./chunk-4NF7SSIX.js";
+
+// src/cart-button.client.tsx
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EMPTY_CART = { v: 1, lines: [] };
+function CartButtonClient({
+  storeApiOrigin,
+  label,
+  cartHref,
+  checkoutHref
+}) {
+  const [count, setCount] = React.useState(0);
+  const [open, setOpen] = React.useState(false);
+  React.useEffect(() => {
+    setCount(cartItemCount(readCart()));
+    return subscribeToCart((cart) => setCount(cartItemCount(cart)));
+  }, []);
+  const text = label ?? "Cart";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "sk-cart-button__trigger",
+        "aria-expanded": open,
+        "aria-haspopup": "dialog",
+        "aria-label": count > 0 ? `${text} \u2014 ${count} item${count === 1 ? "" : "s"}` : text,
+        onClick: () => setOpen((wasOpen) => !wasOpen),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "sk-cart-button__label", children: text }),
+          count > 0 ? /* @__PURE__ */ jsx("span", { className: "sk-cart-button__badge", "aria-hidden": true, children: count > 99 ? "99+" : count }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CartDrawer,
+      {
+        open,
+        onClose: () => setOpen(false),
+        storeApiOrigin,
+        cartHref,
+        checkoutHref
+      }
+    )
+  ] });
+}
+function CartDrawer({
+  open,
+  onClose,
+  storeApiOrigin,
+  cartHref,
+  checkoutHref
+}) {
+  const client = React.useMemo(
+    () => createStoreClient({ apiOrigin: storeApiOrigin }),
+    [storeApiOrigin]
+  );
+  const [cart, setCart] = React.useState(EMPTY_CART);
+  const [mutationUnavailable, setMutationUnavailable] = React.useState(false);
+  const closeRef = React.useRef(null);
+  React.useEffect(() => {
+    setCart(readCart());
+    return subscribeToCart(setCart);
+  }, []);
+  React.useEffect(() => {
+    if (!open) return;
+    closeRef.current?.focus();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [open, onClose]);
+  const { quote, quoteSourceCart, failed } = useCartQuote(client, cart, open);
+  async function runMutation(mutation) {
+    const result = await mutation;
+    setMutationUnavailable(result.status === "cart_storage_unavailable");
+  }
+  if (!open) return null;
+  const quotedVariantIds = new Set(quote?.lines.map((l) => l.variantId) ?? []);
+  const unsupportedLines = cart.lines.filter(
+    (line) => line.kind !== "retail" || quote !== null && !quotedVariantIds.has(line.variantId)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "sk-cart-drawer", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sk-cart-drawer__scrim",
+        onClick: onClose,
+        "aria-hidden": true
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        className: "sk-cart-drawer__panel",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Your cart",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "sk-cart-drawer__head", children: [
+            /* @__PURE__ */ jsx("h2", { className: "sk-cart__heading", children: "Your cart" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                ref: closeRef,
+                className: "sk-cart-drawer__close",
+                onClick: onClose,
+                children: "Close"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "sk-cart-drawer__body", children: cart.lines.length === 0 ? /* @__PURE__ */ jsx("p", { className: "sk-cart__placeholder", role: "status", children: "Your cart is empty." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            quote ? /* @__PURE__ */ jsx(CartProblemList, { problems: quote.problems }) : null,
+            failed ? /* @__PURE__ */ jsx("p", { className: "sk-cart__placeholder", role: "alert", children: "We couldn't price your cart just now. Please try again in a moment." }) : null,
+            mutationUnavailable ? /* @__PURE__ */ jsx("p", { className: "sk-cart__placeholder", role: "alert", children: "This browser can\u2019t safely update the cart. Try a supported browser with site storage enabled." }) : null,
+            /* @__PURE__ */ jsx(
+              UnsupportedCartLineList,
+              {
+                lines: unsupportedLines,
+                onMutate: (m) => void runMutation(m)
+              }
+            ),
+            quote ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                CartLineList,
+                {
+                  lines: quote.lines,
+                  sourceQuantities: quoteSourceQuantities(quoteSourceCart),
+                  onMutate: (m) => void runMutation(m)
+                }
+              ),
+              /* @__PURE__ */ jsx(CartTotals, { quote }),
+              quote.requiresShipping ? /* @__PURE__ */ jsx("p", { className: "sk-cart__note", children: "Delivery details are confirmed at checkout." }) : null
+            ] }) : failed ? null : /* @__PURE__ */ jsx("p", { className: "sk-cart__placeholder", role: "status", children: "Pricing your cart\u2026" })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "sk-cart-drawer__foot", children: [
+            /* @__PURE__ */ jsx("a", { className: "sk-cart__continue", href: cartHref ?? "/cart", children: "View cart" }),
+            quote && quote.lines.length > 0 && unsupportedLines.length === 0 ? /* @__PURE__ */ jsx("a", { className: "sk-cart__checkout", href: checkoutHref ?? "/checkout", children: "Checkout" }) : null
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+export {
+  CartButtonClient,
+  CartDrawer
+};

package/dist/index.d.ts

@@ -2,9 +2,16 @@ export { BPOINT_SCRIPT_ORIGIN, BPOINT_SCRIPT_URL, CONSULT_CHUNK_PATH, THIRD_PART
 import * as React from 'react';
 export { ISLAND_ATTR, ISLAND_PROPS_ATTR, Island, IslandProps, IslandRegistry, mountIslandsWith, readIslandProps } from './islands.js';
 export { ISLANDS, IslandName, mountIslands } from './islands-registry.js';
-import { P as PortalClient, W as WhoAmI, a as PortalPrefill, b as PublicClaim, F as FetchLike } from './portal-account-8uQc_Ncx.js';
-export { c as PortalAccount, d as PortalAccountMarkerProps, e as PortalAccountProps, f as PortalAccountSurface, g as PortalClientConfig, h as PortalPanel, i as PortalPanelMarkerProps, j as PortalPanelProps, k as PortalResult, l as PortalSurface, m as createPortalClient } from './portal-account-8uQc_Ncx.js';
-export { B as BookingBlock, a as BookingBlockMarkerProps, b as BookingBlockProps, c as BookingTypeOption, C as Cart, d as CartMarkerProps, e as CartProps, f as CertificateFunnel, g as CertificateFunnelMarkerProps, h as CertificateFunnelProps, i as Checkout, j as CheckoutMarkerProps, k as CheckoutProps, F as FunnelPublicApi, l as FunnelServiceOption, S as Store, m as StoreMarkerProps, n as StoreProps } from './checkout-block-BdpPIuQ5.js';
+import { P as PortalClient, W as WhoAmI, a as PortalPrefill, b as PublicClaim } from './portal-client-my3q5GME.js';
+export { F as FetchLike, c as PortalClientConfig, d as PortalResult, e as createPortalClient } from './portal-client-my3q5GME.js';
+export { S as StoreCatalog, a as StoreCatalogResponse, b as StoreClient, c as StoreClientConfig, d as StoreProduct, e as StoreResult, f as StoreVariant, g as createStoreClient, h as fetchStoreCatalog, n as normalizeCatalogResponse, s as storeCatalogPath } from './store-catalog-p7TFOpfk.js';
+export { CartLine, CartLineKind, CartMutationResult, Cart as StoredCart, addToCart, adjustCartQuantity, cartItemCount, cartToWireLines, clearCart, mutateCart, readCart, removeFromCart, setCartQuantity, subscribeToCart } from './cart-storage.js';
+export { S as Store, a as StoreMarkerProps, b as StoreProps, f as formatMoney } from './store-block-CFxnsfKU.js';
+export { B as BookingBlock, a as BookingBlockMarkerProps, b as BookingBlockProps, c as BookingTypeOption, C as CertificateFunnel, d as CertificateFunnelMarkerProps, e as CertificateFunnelProps, F as FunnelPublicApi, f as FunnelServiceOption } from './booking-block-D-UOAPx3.js';
+export { P as PortalAccount, a as PortalAccountMarkerProps, b as PortalAccountProps, c as PortalAccountSurface, d as PortalPanel, e as PortalPanelMarkerProps, f as PortalPanelProps, g as PortalSurface } from './portal-account-DRJyr3nz.js';
+export { C as Cart, a as CartMarkerProps, b as CartProps } from './cart-block-B-ytc9us.js';
+export { C as CartButton, a as CartButtonMarkerProps, b as CartButtonProps } from './cart-button-BCLFittB.js';
+export { C as Checkout, a as CheckoutMarkerProps, b as CheckoutProps } from './checkout-block-BeXwpqYe.js';
 export { PatientSurfaceTheme, patientSurfaceTheme } from './patient-surface-theme.js';
 export { Rgb, contrastRatio, deriveForeground, parseHexColor, relativeLuminance } from './contrast.js';
 export { AnswerValue, Answers, ShowWhenCondition, evaluateShowWhen, visibleQuestions } from './show-when.js';
@@ -210,33 +217,6 @@ interface PortalSession {
  */
 declare function usePortalSession(): PortalSession;
 
-interface StoreClientConfig {
-    /** The validated PatientOS patient/API origin. Empty means same-origin. */
-    apiOrigin?: string | null;
-    /** Injectable browser transport for tests. */
-    fetchImpl?: FetchLike;
-}
-type StoreResult<T> = {
-    ok: true;
-    data: T;
-} | {
-    ok: false;
-    status: number | null;
-    error: string | null;
-    message: string | null;
-};
-interface StoreClient {
-    readonly apiOrigin: string;
-    url(path: string): string;
-    get<T>(path: string): Promise<StoreResult<T>>;
-    post<T>(path: string, body: unknown, options?: {
-        signal?: AbortSignal;
-    }): Promise<StoreResult<T>>;
-    /** PatientOS magic-link sign-in that returns to this site's checkout. */
-    signInHref(returnPath?: string): string;
-}
-declare function createStoreClient(config?: StoreClientConfig): StoreClient;
-
-declare const WEBSITE_KIT_VERSION = "0.1.0";
+declare const WEBSITE_KIT_VERSION = "0.2.8";
 
-export { Button, type ButtonProps, type ButtonVariant, Container, type ContainerProps, FAQ, type FAQProps, type FaqItem, FetchLike, Hero, type HeroProps, Hours, type HoursProps, type HoursRow, MapEmbed, type MapEmbedProps, PortalClient, PortalPrefill, PortalProvider, type PortalProviderProps, type PortalSession, type PortalSessionStatus, PublicClaim, Row, type RowProps, Section, type SectionProps, type Service, ServiceGrid, type ServiceGridProps, Stack, type StackProps, type StoreClient, type StoreClientConfig, type StoreResult, TeamGrid, type TeamGridProps, type TeamMember, ThemeProvider, type ThemeProviderProps, WEBSITE_KIT_VERSION, WebsiteShell, type WebsiteShellProps, type WebsiteTheme, WhoAmI, createStoreClient, defaultTheme, resolveTheme, themeToCssVars, usePortalClient, usePortalSession };
+export { Button, type ButtonProps, type ButtonVariant, Container, type ContainerProps, FAQ, type FAQProps, type FaqItem, Hero, type HeroProps, Hours, type HoursProps, type HoursRow, MapEmbed, type MapEmbedProps, PortalClient, PortalPrefill, PortalProvider, type PortalProviderProps, type PortalSession, type PortalSessionStatus, PublicClaim, Row, type RowProps, Section, type SectionProps, type Service, ServiceGrid, type ServiceGridProps, Stack, type StackProps, TeamGrid, type TeamGridProps, type TeamMember, ThemeProvider, type ThemeProviderProps, WEBSITE_KIT_VERSION, WebsiteShell, type WebsiteShellProps, type WebsiteTheme, WhoAmI, defaultTheme, resolveTheme, themeToCssVars, usePortalClient, usePortalSession };

package/dist/index.js

@@ -1,12 +1,21 @@
+import {
+  contrastRatio,
+  deriveForeground,
+  derivePrimaryPair,
+  parseHexColor,
+  relativeLuminance
+} from "./chunk-LCHW6XF4.js";
+import {
+  patientSurfaceTheme
+} from "./chunk-JTZ6GYA7.js";
 import {
   ISLANDS,
   mountIslands
-} from "./chunk-ZZFBTLR4.js";
+} from "./chunk-HTVKKLWI.js";
 import {
   PortalAccount,
   PortalPanel,
   PortalProvider,
-  createStoreClient,
   getAppointmentTypes,
   getClinic,
   getPublicApi,
@@ -14,15 +23,8 @@ import {
   getThemeTokens,
   usePortalClient,
   usePortalSession
-} from "./chunk-7ZOQ6UKG.js";
-import {
-  BPOINT_SCRIPT_ORIGIN,
-  BPOINT_SCRIPT_URL,
-  CONSULT_CHUNK_PATH,
-  THIRD_PARTY_SCRIPT_ORIGINS,
-  TURNSTILE_SCRIPT_ORIGIN,
-  TURNSTILE_SCRIPT_URL
-} from "./chunk-ZOF22TJA.js";
+} from "./chunk-4GKSSM5N.js";
+import "./chunk-3T7UWKAH.js";
 import {
   evaluateShowWhen,
   visibleQuestions
@@ -34,19 +36,43 @@ import {
   mountIslandsWith,
   readIslandProps
 } from "./chunk-THMT43MV.js";
+import "./chunk-2CZFJOKK.js";
+import "./chunk-ZNH6TSYP.js";
+import "./chunk-IOC6QLB7.js";
+import "./chunk-S3ZQQOQT.js";
 import {
-  createPortalClient
-} from "./chunk-ZYX4TXBN.js";
+  BPOINT_SCRIPT_ORIGIN,
+  BPOINT_SCRIPT_URL,
+  CONSULT_CHUNK_PATH,
+  THIRD_PARTY_SCRIPT_ORIGINS,
+  TURNSTILE_SCRIPT_ORIGIN,
+  TURNSTILE_SCRIPT_URL
+} from "./chunk-ZOF22TJA.js";
+import "./chunk-UTAMB2SK.js";
 import {
-  contrastRatio,
-  deriveForeground,
-  derivePrimaryPair,
-  parseHexColor,
-  relativeLuminance
-} from "./chunk-LCHW6XF4.js";
+  fetchStoreCatalog,
+  normalizeCatalogResponse,
+  storeCatalogPath
+} from "./chunk-WQSJ46TP.js";
 import {
-  patientSurfaceTheme
-} from "./chunk-JTZ6GYA7.js";
+  createStoreClient,
+  formatMoney
+} from "./chunk-7BUDUYXN.js";
+import {
+  addToCart,
+  adjustCartQuantity,
+  cartItemCount,
+  cartToWireLines,
+  clearCart,
+  mutateCart,
+  readCart,
+  removeFromCart,
+  setCartQuantity,
+  subscribeToCart
+} from "./chunk-4NF7SSIX.js";
+import {
+  createPortalClient
+} from "./chunk-FZ4WKWIE.js";
 import "./chunk-MLKGABMK.js";
 
 // src/tokens.tsx
@@ -408,13 +434,14 @@ function Store({
   storeApiOrigin,
   title,
   columns,
+  hideCartLink,
   className
 }) {
   return /* @__PURE__ */ jsxs5(
     Island,
     {
       name: "store",
-      props: { categoryHandle, productHandle, storeApiOrigin, title, columns },
+      props: { categoryHandle, productHandle, storeApiOrigin, title, columns, hideCartLink },
       className: ["sk-store", className].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ jsx6("h2", { className: "sk-store__heading", children: title ?? "Shop" }),
@@ -441,8 +468,28 @@ function Cart({ storeApiOrigin, className }) {
   );
 }
 
+// src/cart-button.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function CartButton({
+  storeApiOrigin,
+  label,
+  cartHref,
+  checkoutHref,
+  className
+}) {
+  return /* @__PURE__ */ jsx8(
+    Island,
+    {
+      name: "cart-button",
+      props: { storeApiOrigin, label, cartHref, checkoutHref },
+      className: ["sk-cart-button", className].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx8("a", { className: "sk-cart-button__trigger", href: cartHref ?? "/cart", children: label ?? "Cart" })
+    }
+  );
+}
+
 // src/checkout-block.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Checkout({
   storeApiOrigin,
   ordersHref,
@@ -456,15 +503,15 @@ function Checkout({
       props: { storeApiOrigin, ordersHref, completionHref },
       className: ["sk-checkout", className].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx8("h2", { className: "sk-checkout__heading", children: "Checkout" }),
-        /* @__PURE__ */ jsx8("p", { className: "sk-checkout__placeholder", children: "Checkout needs JavaScript to load." })
+        /* @__PURE__ */ jsx9("h2", { className: "sk-checkout__heading", children: "Checkout" }),
+        /* @__PURE__ */ jsx9("p", { className: "sk-checkout__placeholder", children: "Checkout needs JavaScript to load." })
       ]
     }
   );
 }
 
 // src/index.ts
-var WEBSITE_KIT_VERSION = "0.1.0";
+var WEBSITE_KIT_VERSION = "0.2.8";
 export {
   BPOINT_SCRIPT_ORIGIN,
   BPOINT_SCRIPT_URL,
@@ -472,6 +519,7 @@ export {
   Button,
   CONSULT_CHUNK_PATH,
   Cart,
+  CartButton,
   CertificateFunnel,
   Checkout,
   Container,
@@ -498,19 +546,33 @@ export {
   ThemeProvider,
   WEBSITE_KIT_VERSION,
   WebsiteShell,
+  addToCart,
+  adjustCartQuantity,
+  cartItemCount,
+  cartToWireLines,
+  clearCart,
   contrastRatio,
   createPortalClient,
   createStoreClient,
   defaultTheme,
   deriveForeground,
   evaluateShowWhen,
+  fetchStoreCatalog,
+  formatMoney,
   mountIslands,
   mountIslandsWith,
+  mutateCart,
+  normalizeCatalogResponse,
   parseHexColor,
   patientSurfaceTheme,
+  readCart,
   readIslandProps,
   relativeLuminance,
+  removeFromCart,
   resolveTheme,
+  setCartQuantity,
+  storeCatalogPath,
+  subscribeToCart,
   themeToCssVars,
   usePortalClient,
   usePortalSession,

package/dist/islands-impl/cart-button.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { b as CartButtonProps } from '../cart-button-BCLFittB.js';
+
+declare function CartButtonClient({ storeApiOrigin, label, cartHref, checkoutHref, }: CartButtonProps): React.ReactElement;
+type CartDrawerProps = {
+    open: boolean;
+    onClose: () => void;
+    /** PatientOS patient/API origin. Omitted keeps the same-origin contract. */
+    storeApiOrigin?: string;
+    cartHref?: string;
+    checkoutHref?: string;
+};
+/**
+ * The slide-over cart. Mounted always, INERT until `open` — that is what keeps the
+ * quote request lazy while still letting the hooks run unconditionally.
+ */
+declare function CartDrawer({ open, onClose, storeApiOrigin, cartHref, checkoutHref, }: CartDrawerProps): React.ReactElement | null;
+
+export { CartButtonClient, CartDrawer, type CartDrawerProps };