@xenition/ui 0.1.0

package/dist/commerce/ProductGrid.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductGrid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/** Static class strings so Tailwind's purge can see every variant. */
+const COLUMN_CLASSES = {
+    2: 'grid-cols-1 sm:grid-cols-2',
+    3: 'grid-cols-2 sm:grid-cols-2 lg:grid-cols-3',
+    4: 'grid-cols-2 sm:grid-cols-3 lg:grid-cols-4',
+};
+/**
+ * Responsive grid of {@link ProductCard}s. Column count steps up across
+ * breakpoints; gap comes from the theme spacing scale.
+ */
+exports.ProductGrid = React.forwardRef(function ProductGrid({ columns = 4, className, children, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-xen-product-grid": "", className: (0, cn_1.cn)('grid gap-[var(--xen-space-lg)]', COLUMN_CLASSES[columns], className), ...rest, children: children }));
+});
+//# sourceMappingURL=ProductGrid.js.map

package/dist/commerce/ProductGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../src/commerce/ProductGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAOtC,sEAAsE;AACtE,MAAM,cAAc,GAA6D;IAC/E,CAAC,EAAE,4BAA4B;IAC/B,CAAC,EAAE,2CAA2C;IAC9C,CAAC,EAAE,2CAA2C;CAC/C,CAAC;AAEF;;;GAGG;AACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IACrE,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,2BACc,EAAE,EACxB,SAAS,EAAE,IAAA,OAAE,EACX,gCAAgC,EAChC,cAAc,CAAC,OAAO,CAAC,EACvB,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/QuantityStepper.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export interface QuantityStepperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current quantity. */
+    value: number;
+    /** Lower bound (default 1). Decrement is disabled at this value. */
+    min?: number;
+    /** Upper bound (default none). Increment is disabled at this value. */
+    max?: number;
+    /** Increment/decrement amount (default 1). */
+    step?: number;
+    /** Called with the clamped next value. */
+    onChange?: (value: number) => void;
+    /** Disable the whole control. */
+    disabled?: boolean;
+    /** Accessible label for the group (default `Quantity`). */
+    label?: string;
+    /** Accessible label for the − button (default `Decrease quantity`). */
+    decrementLabel?: string;
+    /** Accessible label for the + button (default `Increase quantity`). */
+    incrementLabel?: string;
+}
+/**
+ * A −/n/+ quantity control. Values are clamped to `[min, max]`; the boundary
+ * button disables itself at each end so `onChange` never fires an out-of-range
+ * value. Token-only, keyboard-native (real `<button>`s), and labelled as a
+ * group.
+ */
+export declare const QuantityStepper: React.ForwardRefExoticComponent<QuantityStepperProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=QuantityStepper.d.ts.map

package/dist/commerce/QuantityStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../src/commerce/QuantityStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uEAAuE;IACvE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,eAAe,6FA0E3B,CAAC"}

package/dist/commerce/QuantityStepper.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuantityStepper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+const clamp = (n, min, max) => Math.min(max, Math.max(min, n));
+/**
+ * A −/n/+ quantity control. Values are clamped to `[min, max]`; the boundary
+ * button disables itself at each end so `onChange` never fires an out-of-range
+ * value. Token-only, keyboard-native (real `<button>`s), and labelled as a
+ * group.
+ */
+exports.QuantityStepper = React.forwardRef(function QuantityStepper({ value, min = 1, max = Number.POSITIVE_INFINITY, step = 1, onChange, disabled = false, label = 'Quantity', decrementLabel = 'Decrease quantity', incrementLabel = 'Increase quantity', className, ...rest }, ref) {
+    const atMin = value <= min;
+    const atMax = value >= max;
+    const emit = (next) => {
+        const clamped = clamp(next, min, max);
+        if (clamped !== value)
+            onChange?.(clamped);
+    };
+    const btn = 'inline-flex h-8 w-8 items-center justify-center text-on-surface transition-colors ' +
+        'hover:bg-neutral-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300 ' +
+        'disabled:pointer-events-none disabled:opacity-40';
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, role: "group", "aria-label": label, "data-xen-quantity-stepper": "", className: (0, cn_1.cn)('inline-flex items-center overflow-hidden rounded-[var(--xen-radius-md)] border border-border bg-surface', className), ...rest, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": decrementLabel, disabled: disabled || atMin, onClick: () => emit(value - step), className: (0, cn_1.cn)(btn, 'border-r border-border'), children: (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M3 7h8" }) }) }), (0, jsx_runtime_1.jsx)("span", { "data-xen-quantity-value": "", "aria-live": "polite", className: "min-w-8 px-[var(--xen-space-sm)] text-center text-sm font-medium tabular-nums text-on-surface", children: value }), (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": incrementLabel, disabled: disabled || atMax, onClick: () => emit(value + step), className: (0, cn_1.cn)(btn, 'border-l border-border'), children: (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: (0, jsx_runtime_1.jsx)("path", { d: "M7 3v8M3 7h8" }) }) })] }));
+});
+//# sourceMappingURL=QuantityStepper.js.map

package/dist/commerce/QuantityStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityStepper.js","sourceRoot":"","sources":["../../src/commerce/QuantityStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAwBtC,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE,CAC5D,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAElC;;;;;GAKG;AACU,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,eAAe,CACtB,EACE,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,MAAM,CAAC,iBAAiB,EAC9B,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,UAAU,EAClB,cAAc,GAAG,mBAAmB,EACpC,cAAc,GAAG,mBAAmB,EACpC,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,KAAK,GAAG,KAAK,IAAI,GAAG,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,IAAI,GAAG,CAAC;IAE3B,MAAM,IAAI,GAAG,CAAC,IAAY,EAAQ,EAAE;QAClC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QACtC,IAAI,OAAO,KAAK,KAAK;YAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,GAAG,GACP,oFAAoF;QACpF,sGAAsG;QACtG,kDAAkD,CAAC;IAErD,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,gBACA,KAAK,+BACS,EAAE,EAC5B,SAAS,EAAE,IAAA,OAAE,EACX,yGAAyG,EACzG,SAAS,CACV,KACG,IAAI,aAER,mCACE,IAAI,EAAC,QAAQ,gBACD,cAAc,EAC1B,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACjC,SAAS,EAAE,IAAA,OAAE,EAAC,GAAG,EAAE,wBAAwB,CAAC,YAE5C,+CAAiB,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,YACxI,iCAAM,CAAC,EAAC,QAAQ,GAAG,GACf,GACC,EACT,4DAC0B,EAAE,eAChB,QAAQ,EAClB,SAAS,EAAC,+FAA+F,YAExG,KAAK,GACD,EACP,mCACE,IAAI,EAAC,QAAQ,gBACD,cAAc,EAC1B,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACjC,SAAS,EAAE,IAAA,OAAE,EAAC,GAAG,EAAE,wBAAwB,CAAC,YAE5C,+CAAiB,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,YACxI,iCAAM,CAAC,EAAC,cAAc,GAAG,GACrB,GACC,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/StatusBadge.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export type OrderStatus = 'pending' | 'paid' | 'fulfilled' | 'shipped' | 'cancelled' | 'refunded';
+export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Order lifecycle status; drives the semantic tone. */
+    status: OrderStatus;
+    /** Human label (default: the capitalized status). */
+    children?: React.ReactNode;
+}
+/**
+ * Small pill badge for an order's status. Token-only, contrast-guaranteed via
+ * the semantic `X`/`on-X` pairs.
+ */
+export declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=StatusBadge.d.ts.map

package/dist/commerce/StatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../src/commerce/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,MAAM,GACN,WAAW,GACX,SAAS,GACT,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7E,wDAAwD;IACxD,MAAM,EAAE,WAAW,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkBD;;;GAGG;AACH,eAAO,MAAM,WAAW,0FAiBvB,CAAC"}

package/dist/commerce/StatusBadge.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBadge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const cn_1 = require("../primitives/cn");
+/**
+ * Semantic → contrast-checked slot pairs. Using the `X` / `on-X` pairs (rather
+ * than a translucent tint) means the badge is guaranteed AA-readable in both
+ * light and dark modes with zero configuration.
+ */
+const STATUS_CLASSES = {
+    pending: 'bg-warn text-on-warn',
+    paid: 'bg-success text-on-success',
+    fulfilled: 'bg-success text-on-success',
+    shipped: 'bg-primary text-on-primary',
+    cancelled: 'bg-danger text-on-danger',
+    refunded: 'bg-neutral-200 text-on-surface',
+};
+const capitalize = (s) => s.charAt(0).toUpperCase() + s.slice(1);
+/**
+ * Small pill badge for an order's status. Token-only, contrast-guaranteed via
+ * the semantic `X`/`on-X` pairs.
+ */
+exports.StatusBadge = React.forwardRef(function StatusBadge({ status, children, className, ...rest }, ref) {
+    return ((0, jsx_runtime_1.jsx)("span", { ref: ref, "data-xen-status-badge": status, className: (0, cn_1.cn)('inline-flex items-center rounded-full px-[var(--xen-space-sm)] py-0.5 text-xs font-medium', STATUS_CLASSES[status], className), ...rest, children: children ?? capitalize(status) }));
+});
+//# sourceMappingURL=StatusBadge.js.map

package/dist/commerce/StatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../../src/commerce/StatusBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,yCAAsC;AAiBtC;;;;GAIG;AACH,MAAM,cAAc,GAAgC;IAClD,OAAO,EAAE,sBAAsB;IAC/B,IAAI,EAAE,4BAA4B;IAClC,SAAS,EAAE,4BAA4B;IACvC,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,0BAA0B;IACrC,QAAQ,EAAE,gCAAgC;CAC3C,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAS,EAAU,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEjF;;;GAGG;AACU,QAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CACzC,SAAS,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG;IAChE,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,2BACe,MAAM,EAC7B,SAAS,EAAE,IAAA,OAAE,EACX,2FAA2F,EAC3F,cAAc,CAAC,MAAM,CAAC,EACtB,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,IAAI,UAAU,CAAC,MAAM,CAAC,GAC1B,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/commerce/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * `@xenition/ui/commerce` — presentational catalog / cart / order components.
+ *
+ * Every component takes data as props (Product `{slug,title,imageUrl}`, Variant
+ * `{title,priceCents,currency,compareAtCents}`, CartItem
+ * `{title,variantTitle,quantity,unitPriceCents,imageUrl}`) — no fetching, no
+ * SDK import — and is styled exclusively via the `--xen-*` theme tokens, so a
+ * seed change restyles the storefront (dark mode included). Money is always
+ * integer **cents**, formatted through the single {@link formatMoney} home.
+ */
+export { formatMoney } from './money';
+export type { MoneyFormatter } from './money';
+export { PriceTag } from './PriceTag';
+export type { PriceTagProps } from './PriceTag';
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps } from './ProductCard';
+export { ProductGrid } from './ProductGrid';
+export type { ProductGridProps } from './ProductGrid';
+export { QuantityStepper } from './QuantityStepper';
+export type { QuantityStepperProps } from './QuantityStepper';
+export { CartLineItem } from './CartLineItem';
+export type { CartLineItemProps } from './CartLineItem';
+export { CartSummary } from './CartSummary';
+export type { CartSummaryProps } from './CartSummary';
+export { OrderSummary, CheckoutSummary } from './OrderSummary';
+export type { OrderSummaryProps, OrderLine } from './OrderSummary';
+export { StatusBadge } from './StatusBadge';
+export type { StatusBadgeProps, OrderStatus } from './StatusBadge';
+export { EmptyState } from './EmptyState';
+export type { EmptyStateProps } from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commerce/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/commerce/index.js

@@ -0,0 +1,35 @@
+"use strict";
+/**
+ * `@xenition/ui/commerce` — presentational catalog / cart / order components.
+ *
+ * Every component takes data as props (Product `{slug,title,imageUrl}`, Variant
+ * `{title,priceCents,currency,compareAtCents}`, CartItem
+ * `{title,variantTitle,quantity,unitPriceCents,imageUrl}`) — no fetching, no
+ * SDK import — and is styled exclusively via the `--xen-*` theme tokens, so a
+ * seed change restyles the storefront (dark mode included). Money is always
+ * integer **cents**, formatted through the single {@link formatMoney} home.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = exports.StatusBadge = exports.CheckoutSummary = exports.OrderSummary = exports.CartSummary = exports.CartLineItem = exports.QuantityStepper = exports.ProductGrid = exports.ProductCard = exports.PriceTag = exports.formatMoney = void 0;
+var money_1 = require("./money");
+Object.defineProperty(exports, "formatMoney", { enumerable: true, get: function () { return money_1.formatMoney; } });
+var PriceTag_1 = require("./PriceTag");
+Object.defineProperty(exports, "PriceTag", { enumerable: true, get: function () { return PriceTag_1.PriceTag; } });
+var ProductCard_1 = require("./ProductCard");
+Object.defineProperty(exports, "ProductCard", { enumerable: true, get: function () { return ProductCard_1.ProductCard; } });
+var ProductGrid_1 = require("./ProductGrid");
+Object.defineProperty(exports, "ProductGrid", { enumerable: true, get: function () { return ProductGrid_1.ProductGrid; } });
+var QuantityStepper_1 = require("./QuantityStepper");
+Object.defineProperty(exports, "QuantityStepper", { enumerable: true, get: function () { return QuantityStepper_1.QuantityStepper; } });
+var CartLineItem_1 = require("./CartLineItem");
+Object.defineProperty(exports, "CartLineItem", { enumerable: true, get: function () { return CartLineItem_1.CartLineItem; } });
+var CartSummary_1 = require("./CartSummary");
+Object.defineProperty(exports, "CartSummary", { enumerable: true, get: function () { return CartSummary_1.CartSummary; } });
+var OrderSummary_1 = require("./OrderSummary");
+Object.defineProperty(exports, "OrderSummary", { enumerable: true, get: function () { return OrderSummary_1.OrderSummary; } });
+Object.defineProperty(exports, "CheckoutSummary", { enumerable: true, get: function () { return OrderSummary_1.CheckoutSummary; } });
+var StatusBadge_1 = require("./StatusBadge");
+Object.defineProperty(exports, "StatusBadge", { enumerable: true, get: function () { return StatusBadge_1.StatusBadge; } });
+var EmptyState_1 = require("./EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
+//# sourceMappingURL=index.js.map

package/dist/commerce/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/commerce/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;;;AAEH,iCAAsC;AAA7B,oGAAA,WAAW,OAAA;AAEpB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,+CAA+D;AAAtD,4GAAA,YAAY,OAAA;AAAE,+GAAA,eAAe,OAAA;AAEtC,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/dist/commerce/money.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Money is always carried as an **integer number of cents** (the catalog /
+ * cart / order shapes never use floats), so this is the single home for
+ * cents → localized-currency-string formatting. Every commerce component that
+ * prints a price funnels through here (and accepts a `formatMoney` override
+ * for locale control), so currency rendering is consistent and testable.
+ */
+/**
+ * Format an integer amount of **minor units (cents)** as a localized currency
+ * string.
+ *
+ * ```ts
+ * formatMoney(1200)          // "$12.00"
+ * formatMoney(1200, 'EUR')   // "€12.00"
+ * formatMoney(0)             // "$0.00"
+ * formatMoney(123456789)     // "$1,234,567.89"
+ * ```
+ *
+ * @param cents    integer minor units (e.g. `1299` → 12.99)
+ * @param currency ISO 4217 code (default `USD`)
+ * @param locale   BCP-47 locale (default: the runtime's default locale)
+ */
+export declare function formatMoney(cents: number, currency?: string, locale?: string): string;
+/** Signature of a `formatMoney`-compatible override accepted by components. */
+export type MoneyFormatter = (cents: number, currency?: string) => string;
+//# sourceMappingURL=money.d.ts.map

package/dist/commerce/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../src/commerce/money.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAQ,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAMpF;AAED,+EAA+E;AAC/E,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC"}

package/dist/commerce/money.js

@@ -0,0 +1,33 @@
+"use strict";
+/**
+ * Money is always carried as an **integer number of cents** (the catalog /
+ * cart / order shapes never use floats), so this is the single home for
+ * cents → localized-currency-string formatting. Every commerce component that
+ * prints a price funnels through here (and accepts a `formatMoney` override
+ * for locale control), so currency rendering is consistent and testable.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatMoney = formatMoney;
+/**
+ * Format an integer amount of **minor units (cents)** as a localized currency
+ * string.
+ *
+ * ```ts
+ * formatMoney(1200)          // "$12.00"
+ * formatMoney(1200, 'EUR')   // "€12.00"
+ * formatMoney(0)             // "$0.00"
+ * formatMoney(123456789)     // "$1,234,567.89"
+ * ```
+ *
+ * @param cents    integer minor units (e.g. `1299` → 12.99)
+ * @param currency ISO 4217 code (default `USD`)
+ * @param locale   BCP-47 locale (default: the runtime's default locale)
+ */
+function formatMoney(cents, currency = 'USD', locale) {
+    const amount = (Number.isFinite(cents) ? cents : 0) / 100;
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+    }).format(amount);
+}
+//# sourceMappingURL=money.js.map

package/dist/commerce/money.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.js","sourceRoot":"","sources":["../../src/commerce/money.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAiBH,kCAMC;AArBD;;;;;;;;;;;;;;GAcG;AACH,SAAgB,WAAW,CAAC,KAAa,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAe;IAC1E,MAAM,MAAM,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;IAC1D,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE;QACnC,KAAK,EAAE,UAAU;QACjB,QAAQ;KACT,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;AACpB,CAAC"}

package/dist/data/Resource.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import type { ResourceState } from './use-resource';
+export interface ResourceProps<T> {
+    /** The `{ data, loading, error }` from {@link useResource}. */
+    state: ResourceState<T>;
+    /** Rendered while loading. */
+    loading?: React.ReactNode;
+    /** Rendered on error, given the friendly message. */
+    error?: (message: string) => React.ReactNode;
+    /** Rendered when the resolved data is "empty" (see `isEmpty`). */
+    empty?: React.ReactNode;
+    /** Rendered with the resolved, non-empty data. */
+    children: (data: T) => React.ReactNode;
+    /**
+     * Overrides emptiness detection. Default: `null`/`undefined`, or an empty
+     * array, count as empty.
+     */
+    isEmpty?: (data: T) => boolean;
+}
+/**
+ * Headless, unstyled branching for the loading / error / empty / ready states
+ * of a {@link useResource} result — so pages express just the happy path and
+ * pass their own kit-composed fallbacks. It renders NOTHING of its own; every
+ * branch is a prop.
+ *
+ *   <Resource state={posts} loading={<Spinner />} error={(m) => <Notice>{m}</Notice>} empty={<Empty />}>
+ *     {(rows) => rows.map((p) => <PostCard key={p.id} post={p} />)}
+ *   </Resource>
+ */
+export declare function Resource<T>({ state, loading, error, empty, children, isEmpty, }: ResourceProps<T>): React.ReactElement | null;
+//# sourceMappingURL=Resource.d.ts.map

package/dist/data/Resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resource.d.ts","sourceRoot":"","sources":["../../src/data/Resource.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,+DAA+D;IAC/D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qDAAqD;IACrD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kDAAkD;IAClD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAQD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,KAAK,EACL,OAAc,EACd,KAAK,EACL,KAAY,EACZ,QAAQ,EACR,OAAwB,GACzB,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAK9C"}

package/dist/data/Resource.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resource = Resource;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function defaultIsEmpty(data) {
+    if (data === null || data === undefined)
+        return true;
+    if (Array.isArray(data))
+        return data.length === 0;
+    return false;
+}
+/**
+ * Headless, unstyled branching for the loading / error / empty / ready states
+ * of a {@link useResource} result — so pages express just the happy path and
+ * pass their own kit-composed fallbacks. It renders NOTHING of its own; every
+ * branch is a prop.
+ *
+ *   <Resource state={posts} loading={<Spinner />} error={(m) => <Notice>{m}</Notice>} empty={<Empty />}>
+ *     {(rows) => rows.map((p) => <PostCard key={p.id} post={p} />)}
+ *   </Resource>
+ */
+function Resource({ state, loading = null, error, empty = null, children, isEmpty = defaultIsEmpty, }) {
+    if (state.loading)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading });
+    if (state.error !== null)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: error ? error(state.error) : null });
+    if (state.data === null || isEmpty(state.data))
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: empty });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(state.data) });
+}
+//# sourceMappingURL=Resource.js.map

package/dist/data/Resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resource.js","sourceRoot":"","sources":["../../src/data/Resource.tsx"],"names":[],"mappings":";;AAqCA,4BAYC;;AA5BD,SAAS,cAAc,CAAC,IAAa;IACnC,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACrD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;IAClD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,QAAQ,CAAI,EAC1B,KAAK,EACL,OAAO,GAAG,IAAI,EACd,KAAK,EACL,KAAK,GAAG,IAAI,EACZ,QAAQ,EACR,OAAO,GAAG,cAAc,GACP;IACjB,IAAI,KAAK,CAAC,OAAO;QAAE,OAAO,2DAAG,OAAO,GAAI,CAAC;IACzC,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI;QAAE,OAAO,2DAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAI,CAAC;IAC1E,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QAAE,OAAO,2DAAG,KAAK,GAAI,CAAC;IACpE,OAAO,2DAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,GAAI,CAAC;AACrC,CAAC"}

package/dist/data/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * `@xenition/ui/data` — the React half of the moved template data layer.
+ *
+ * A tiny, unstyled loading/error/empty layer that pairs with
+ * `@xenition/sdk/client` (the browser data client): the SDK fetches + types,
+ * this hook tracks the request lifecycle and collapses failures to a friendly
+ * message. Together a template renders SDK data with zero hand-rolled
+ * fetch/hook/state code.
+ */
+export { useResource, FRIENDLY_ERROR } from './use-resource';
+export type { ResourceState } from './use-resource';
+export { Resource } from './Resource';
+export type { ResourceProps } from './Resource';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/data/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resource = exports.FRIENDLY_ERROR = exports.useResource = void 0;
+/**
+ * `@xenition/ui/data` — the React half of the moved template data layer.
+ *
+ * A tiny, unstyled loading/error/empty layer that pairs with
+ * `@xenition/sdk/client` (the browser data client): the SDK fetches + types,
+ * this hook tracks the request lifecycle and collapses failures to a friendly
+ * message. Together a template renders SDK data with zero hand-rolled
+ * fetch/hook/state code.
+ */
+var use_resource_1 = require("./use-resource");
+Object.defineProperty(exports, "useResource", { enumerable: true, get: function () { return use_resource_1.useResource; } });
+Object.defineProperty(exports, "FRIENDLY_ERROR", { enumerable: true, get: function () { return use_resource_1.FRIENDLY_ERROR; } });
+var Resource_1 = require("./Resource");
+Object.defineProperty(exports, "Resource", { enumerable: true, get: function () { return Resource_1.Resource; } });
+//# sourceMappingURL=index.js.map

package/dist/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data/index.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;GAQG;AACH,+CAA6D;AAApD,2GAAA,WAAW,OAAA;AAAE,8GAAA,cAAc,OAAA;AAEpC,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA"}

package/dist/data/use-resource.d.ts

@@ -0,0 +1,28 @@
+export interface ResourceState<T> {
+    /** The resolved value, or null before the first success / after an error. */
+    data: T | null;
+    loading: boolean;
+    /** A friendly, user-safe message — never a raw error internal. */
+    error: string | null;
+    /** Re-run the fetcher — call after a mutation (create/update/delete) to reload. */
+    refetch: () => void;
+}
+/**
+ * The single message shown for ANY load failure. Data-layer errors (network,
+ * 5xx, thrown `AppClientError`) are collapsed to this — pages never surface
+ * raw internals, and there's one string to translate/brand.
+ */
+export declare const FRIENDLY_ERROR = "We could not load this content right now. Please check your connection and try again.";
+/**
+ * Minimal data-loading hook for template pages. Runs `fetcher` on mount (and
+ * whenever `deps` change), tracking `{ data, loading, error }`. Any rejection
+ * is collapsed into {@link FRIENDLY_ERROR}. The in-flight result is dropped on
+ * unmount / deps-change so a late resolve can't set state on a gone component.
+ *
+ *   const { data, loading, error } = useResource(() => api.cms.items('posts'), []);
+ *
+ * This is the framework half of the moved template data layer: pair it with
+ * `@xenition/sdk/client` and a template writes zero hand-rolled fetch/hook code.
+ */
+export declare function useResource<T>(fetcher: () => Promise<T>, deps?: unknown[]): ResourceState<T>;
+//# sourceMappingURL=use-resource.d.ts.map

package/dist/data/use-resource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource.d.ts","sourceRoot":"","sources":["../../src/data/use-resource.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,6EAA6E;IAC7E,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,kEAAkE;IAClE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,mFAAmF;IACnF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,0FAC8D,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EACzB,IAAI,GAAE,OAAO,EAAO,GACnB,aAAa,CAAC,CAAC,CAAC,CA8BlB"}

package/dist/data/use-resource.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FRIENDLY_ERROR = void 0;
+exports.useResource = useResource;
+const React = __importStar(require("react"));
+/**
+ * The single message shown for ANY load failure. Data-layer errors (network,
+ * 5xx, thrown `AppClientError`) are collapsed to this — pages never surface
+ * raw internals, and there's one string to translate/brand.
+ */
+exports.FRIENDLY_ERROR = 'We could not load this content right now. Please check your connection and try again.';
+/**
+ * Minimal data-loading hook for template pages. Runs `fetcher` on mount (and
+ * whenever `deps` change), tracking `{ data, loading, error }`. Any rejection
+ * is collapsed into {@link FRIENDLY_ERROR}. The in-flight result is dropped on
+ * unmount / deps-change so a late resolve can't set state on a gone component.
+ *
+ *   const { data, loading, error } = useResource(() => api.cms.items('posts'), []);
+ *
+ * This is the framework half of the moved template data layer: pair it with
+ * `@xenition/sdk/client` and a template writes zero hand-rolled fetch/hook code.
+ */
+function useResource(fetcher, deps = []) {
+    const [state, setState] = React.useState({
+        data: null,
+        loading: true,
+        error: null,
+    });
+    const [tick, setTick] = React.useState(0);
+    const refetch = React.useCallback(() => setTick((t) => t + 1), []);
+    React.useEffect(() => {
+        let cancelled = false;
+        setState({ data: null, loading: true, error: null });
+        fetcher().then((data) => {
+            if (!cancelled)
+                setState({ data, loading: false, error: null });
+        }, () => {
+            if (!cancelled)
+                setState({ data: null, loading: false, error: exports.FRIENDLY_ERROR });
+        });
+        return () => {
+            cancelled = true;
+        };
+        // The fetcher identity is intentionally NOT a dep — callers pass an inline
+        // closure and control re-runs through `deps` (+ `tick` from refetch()),
+        // matching useEffect ergonomics.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [...deps, tick]);
+    return { ...state, refetch };
+}
+//# sourceMappingURL=use-resource.js.map

package/dist/data/use-resource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resource.js","sourceRoot":"","sources":["../../src/data/use-resource.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,kCAiCC;AAhED,6CAA+B;AAY/B;;;;GAIG;AACU,QAAA,cAAc,GACzB,uFAAuF,CAAC;AAE1F;;;;;;;;;;GAUG;AACH,SAAgB,WAAW,CACzB,OAAyB,EACzB,OAAkB,EAAE;IAEpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoC;QAC1E,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEnE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,OAAO,EAAE,CAAC,IAAI,CACZ,CAAC,IAAI,EAAE,EAAE;YACP,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAClE,CAAC,EACD,GAAG,EAAE;YACH,IAAI,CAAC,SAAS;gBAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,sBAAc,EAAE,CAAC,CAAC;QAClF,CAAC,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QACF,2EAA2E;QAC3E,wEAAwE;QACxE,iCAAiC;QACjC,uDAAuD;IACzD,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,CAAC;AAC/B,CAAC"}