@sprintup-cms/sdk 1.8.29 → 1.8.30

package/dist/next/product-list-client.cjs

@@ -1,187 +0,0 @@
-'use strict';
-
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function StarIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 fill-yellow-400 text-yellow-400", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) });
-}
-function GridIcon({ active }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      className: `w-4 h-4 ${active ? "text-foreground" : "text-muted-foreground"}`,
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "1", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "9", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
-      ]
-    }
-  );
-}
-function ListIcon({ active }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      className: `w-4 h-4 ${active ? "text-foreground" : "text-muted-foreground"}`,
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "2", width: "14", height: "3", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "7", width: "14", height: "3", rx: "1" }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "12", width: "14", height: "3", rx: "1" })
-      ]
-    }
-  );
-}
-function ProductCard({ product, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl }) {
-  const accentColor = product.color ?? "#6366f1";
-  const href = staticCtaUrl || product.ctaUrl;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `overflow-hidden group transition-shadow flex flex-col ${cardStyle === "minimal" ? "border-0 shadow-none bg-transparent" : "border rounded-xl hover:shadow-lg bg-card"}`,
-      children: [
-        cardStyle === "color-band" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 w-full flex-shrink-0", style: { backgroundColor: accentColor } }),
-        cardStyle === "filled-header" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-20 w-full flex-shrink-0 flex items-end px-5 pb-3", style: { backgroundColor: accentColor }, children: product.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-semibold text-white/80 uppercase tracking-wider", children: product.category }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-5 flex flex-col gap-3 flex-1", children: [
-          cardStyle !== "filled-header" && (product.category || product.badge) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            product.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full font-medium text-white", style: { backgroundColor: accentColor }, children: product.category }),
-            product.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
-          ] }),
-          cardStyle === "filled-header" && product.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground self-start", children: product.badge }),
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-base line-clamp-2", children: product.name }),
-          product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: product.description }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-auto pt-3 border-t border-border flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              showPrice && product.price > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-lg", children: [
-                product.price.toFixed(2),
-                " ",
-                currency
-              ] }),
-              showRating && product.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(StarIcon, {}),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.rating })
-              ] })
-            ] }),
-            ctaLabel && /* @__PURE__ */ jsxRuntime.jsx(
-              "a",
-              {
-                href: href || "#",
-                className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90 flex-shrink-0",
-                style: { backgroundColor: accentColor },
-                children: ctaLabel
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ProductRow({ product, showPrice, showRating, currency, ctaLabel, staticCtaUrl }) {
-  const accentColor = product.color ?? "#6366f1";
-  const href = staticCtaUrl || product.ctaUrl;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 border rounded-xl bg-card px-5 py-4 hover:shadow-md transition-shadow group", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1 self-stretch rounded-full flex-shrink-0", style: { backgroundColor: accentColor } }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap mb-1", children: [
-        product.category && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full font-medium text-white", style: { backgroundColor: accentColor }, children: product.category }),
-        product.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-sm truncate", children: product.name }),
-      product.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: product.description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 flex-shrink-0", children: [
-      showRating && product.rating && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StarIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: product.rating })
-      ] }),
-      showPrice && product.price > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-base", children: [
-        product.price.toFixed(2),
-        " ",
-        currency
-      ] }),
-      ctaLabel && /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
-        {
-          href: href || "#",
-          className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90",
-          style: { backgroundColor: accentColor },
-          children: ctaLabel
-        }
-      )
-    ] })
-  ] });
-}
-function ProductListClient({
-  products,
-  defaultLayout,
-  allowToggle,
-  gridCols,
-  cardStyle,
-  showPrice,
-  showRating,
-  currency,
-  ctaLabel,
-  staticCtaUrl
-}) {
-  const [layout, setLayout] = react.useState(defaultLayout);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    allowToggle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border border-border rounded-lg p-1 bg-muted/30", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setLayout("grid"),
-          className: `p-1.5 rounded-md transition-colors ${layout === "grid" ? "bg-background shadow-sm" : "hover:bg-muted"}`,
-          "aria-label": "Grid view",
-          "aria-pressed": layout === "grid",
-          children: /* @__PURE__ */ jsxRuntime.jsx(GridIcon, { active: layout === "grid" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setLayout("list"),
-          className: `p-1.5 rounded-md transition-colors ${layout === "list" ? "bg-background shadow-sm" : "hover:bg-muted"}`,
-          "aria-label": "List view",
-          "aria-pressed": layout === "list",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ListIcon, { active: layout === "list" })
-        }
-      )
-    ] }) }),
-    layout === "grid" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
-      ProductCard,
-      {
-        product,
-        cardStyle,
-        showPrice,
-        showRating,
-        currency,
-        ctaLabel,
-        staticCtaUrl
-      },
-      product.id
-    )) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: products.map((product) => /* @__PURE__ */ jsxRuntime.jsx(
-      ProductRow,
-      {
-        product,
-        showPrice,
-        showRating,
-        currency,
-        ctaLabel,
-        staticCtaUrl
-      },
-      product.id
-    )) })
-  ] });
-}
-
-exports.ProductListClient = ProductListClient;
-//# sourceMappingURL=product-list-client.cjs.map
-//# sourceMappingURL=product-list-client.cjs.map

package/dist/next/product-list-client.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/next/product-list-client.tsx"],"names":["jsx","jsxs","useState"],"mappings":"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","file":"product-list-client.cjs","sourcesContent":["'use client'\n\nimport React, { useState } from 'react'\n\ninterface NormalisedProduct {\n  id: string\n  name: string\n  price: number\n  color?: string\n  rating?: number\n  category?: string\n  badge?: string\n  description?: string\n  ctaUrl?: string\n}\n\ninterface ProductListClientProps {\n  products: NormalisedProduct[]\n  defaultLayout: 'grid' | 'list'\n  allowToggle: boolean\n  gridCols: string\n  cardStyle: string\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}\n\nfunction StarIcon() {\n  return (\n    <svg className=\"w-3.5 h-3.5 fill-yellow-400 text-yellow-400\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n    </svg>\n  )\n}\n\nfunction GridIcon({ active }: { active: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      className={`w-4 h-4 ${active ? 'text-foreground' : 'text-muted-foreground'}`}\n      fill=\"currentColor\"\n    >\n      <rect x=\"1\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"9\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"1\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n    </svg>\n  )\n}\n\nfunction ListIcon({ active }: { active: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      className={`w-4 h-4 ${active ? 'text-foreground' : 'text-muted-foreground'}`}\n      fill=\"currentColor\"\n    >\n      <rect x=\"1\" y=\"2\" width=\"14\" height=\"3\" rx=\"1\" />\n      <rect x=\"1\" y=\"7\" width=\"14\" height=\"3\" rx=\"1\" />\n      <rect x=\"1\" y=\"12\" width=\"14\" height=\"3\" rx=\"1\" />\n    </svg>\n  )\n}\n\nfunction ProductCard({ product, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl }: {\n  product: NormalisedProduct\n  cardStyle: string\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}) {\n  const accentColor = product.color ?? '#6366f1'\n  const href = staticCtaUrl || product.ctaUrl\n\n  return (\n    <div\n      className={`overflow-hidden group transition-shadow flex flex-col ${\n        cardStyle === 'minimal'\n          ? 'border-0 shadow-none bg-transparent'\n          : 'border rounded-xl hover:shadow-lg bg-card'\n      }`}\n    >\n      {cardStyle === 'color-band' && (\n        <div className=\"h-2 w-full flex-shrink-0\" style={{ backgroundColor: accentColor }} />\n      )}\n      {cardStyle === 'filled-header' && (\n        <div className=\"h-20 w-full flex-shrink-0 flex items-end px-5 pb-3\" style={{ backgroundColor: accentColor }}>\n          {product.category && (\n            <span className=\"text-xs font-semibold text-white/80 uppercase tracking-wider\">{product.category}</span>\n          )}\n        </div>\n      )}\n      <div className=\"p-5 flex flex-col gap-3 flex-1\">\n        {cardStyle !== 'filled-header' && (product.category || product.badge) && (\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {product.category && (\n              <span className=\"text-xs px-2 py-0.5 rounded-full font-medium text-white\" style={{ backgroundColor: accentColor }}>\n                {product.category}\n              </span>\n            )}\n            {product.badge && (\n              <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground\">{product.badge}</span>\n            )}\n          </div>\n        )}\n        {cardStyle === 'filled-header' && product.badge && (\n          <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground self-start\">{product.badge}</span>\n        )}\n        <h3 className=\"font-semibold text-base line-clamp-2\">{product.name}</h3>\n        {product.description && (\n          <p className=\"text-xs text-muted-foreground line-clamp-2\">{product.description}</p>\n        )}\n        <div className=\"mt-auto pt-3 border-t border-border flex items-center justify-between gap-3\">\n          <div className=\"flex items-center gap-3\">\n            {showPrice && product.price > 0 && (\n              <span className=\"font-bold text-lg\">{product.price.toFixed(2)} {currency}</span>\n            )}\n            {showRating && product.rating && (\n              <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n                <StarIcon />\n                <span>{product.rating}</span>\n              </div>\n            )}\n          </div>\n          {ctaLabel && (\n            <a\n              href={href || '#'}\n              className=\"text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90 flex-shrink-0\"\n              style={{ backgroundColor: accentColor }}\n            >\n              {ctaLabel}\n            </a>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction ProductRow({ product, showPrice, showRating, currency, ctaLabel, staticCtaUrl }: {\n  product: NormalisedProduct\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}) {\n  const accentColor = product.color ?? '#6366f1'\n  const href = staticCtaUrl || product.ctaUrl\n\n  return (\n    <div className=\"flex items-center gap-4 border rounded-xl bg-card px-5 py-4 hover:shadow-md transition-shadow group\">\n      {/* Color dot */}\n      <div className=\"w-1 self-stretch rounded-full flex-shrink-0\" style={{ backgroundColor: accentColor }} />\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-2 flex-wrap mb-1\">\n          {product.category && (\n            <span className=\"text-xs px-2 py-0.5 rounded-full font-medium text-white\" style={{ backgroundColor: accentColor }}>\n              {product.category}\n            </span>\n          )}\n          {product.badge && (\n            <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground\">{product.badge}</span>\n          )}\n        </div>\n        <h3 className=\"font-semibold text-sm truncate\">{product.name}</h3>\n        {product.description && (\n          <p className=\"text-xs text-muted-foreground truncate mt-0.5\">{product.description}</p>\n        )}\n      </div>\n      <div className=\"flex items-center gap-4 flex-shrink-0\">\n        {showRating && product.rating && (\n          <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n            <StarIcon />\n            <span>{product.rating}</span>\n          </div>\n        )}\n        {showPrice && product.price > 0 && (\n          <span className=\"font-bold text-base\">{product.price.toFixed(2)} {currency}</span>\n        )}\n        {ctaLabel && (\n          <a\n            href={href || '#'}\n            className=\"text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90\"\n            style={{ backgroundColor: accentColor }}\n          >\n            {ctaLabel}\n          </a>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function ProductListClient({\n  products,\n  defaultLayout,\n  allowToggle,\n  gridCols,\n  cardStyle,\n  showPrice,\n  showRating,\n  currency,\n  ctaLabel,\n  staticCtaUrl,\n}: ProductListClientProps) {\n  const [layout, setLayout] = useState<'grid' | 'list'>(defaultLayout)\n\n  return (\n    <div>\n      {allowToggle && (\n        <div className=\"flex justify-end mb-4\">\n          <div className=\"flex items-center gap-1 border border-border rounded-lg p-1 bg-muted/30\">\n            <button\n              type=\"button\"\n              onClick={() => setLayout('grid')}\n              className={`p-1.5 rounded-md transition-colors ${layout === 'grid' ? 'bg-background shadow-sm' : 'hover:bg-muted'}`}\n              aria-label=\"Grid view\"\n              aria-pressed={layout === 'grid'}\n            >\n              <GridIcon active={layout === 'grid'} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setLayout('list')}\n              className={`p-1.5 rounded-md transition-colors ${layout === 'list' ? 'bg-background shadow-sm' : 'hover:bg-muted'}`}\n              aria-label=\"List view\"\n              aria-pressed={layout === 'list'}\n            >\n              <ListIcon active={layout === 'list'} />\n            </button>\n          </div>\n        </div>\n      )}\n\n      {layout === 'grid' ? (\n        <div className={`grid gap-6 grid-cols-1 ${gridCols}`}>\n          {products.map((product) => (\n            <ProductCard\n              key={product.id}\n              product={product}\n              cardStyle={cardStyle}\n              showPrice={showPrice}\n              showRating={showRating}\n              currency={currency}\n              ctaLabel={ctaLabel}\n              staticCtaUrl={staticCtaUrl}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {products.map((product) => (\n            <ProductRow\n              key={product.id}\n              product={product}\n              showPrice={showPrice}\n              showRating={showRating}\n              currency={currency}\n              ctaLabel={ctaLabel}\n              staticCtaUrl={staticCtaUrl}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/next/product-list-client.d.cts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface NormalisedProduct {
-    id: string;
-    name: string;
-    price: number;
-    color?: string;
-    rating?: number;
-    category?: string;
-    badge?: string;
-    description?: string;
-    ctaUrl?: string;
-}
-interface ProductListClientProps {
-    products: NormalisedProduct[];
-    defaultLayout: 'grid' | 'list';
-    allowToggle: boolean;
-    gridCols: string;
-    cardStyle: string;
-    showPrice: boolean;
-    showRating: boolean;
-    currency: string;
-    ctaLabel: string;
-    staticCtaUrl: string;
-}
-declare function ProductListClient({ products, defaultLayout, allowToggle, gridCols, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl, }: ProductListClientProps): react_jsx_runtime.JSX.Element;
-
-export { ProductListClient };

package/dist/next/product-list-client.d.ts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface NormalisedProduct {
-    id: string;
-    name: string;
-    price: number;
-    color?: string;
-    rating?: number;
-    category?: string;
-    badge?: string;
-    description?: string;
-    ctaUrl?: string;
-}
-interface ProductListClientProps {
-    products: NormalisedProduct[];
-    defaultLayout: 'grid' | 'list';
-    allowToggle: boolean;
-    gridCols: string;
-    cardStyle: string;
-    showPrice: boolean;
-    showRating: boolean;
-    currency: string;
-    ctaLabel: string;
-    staticCtaUrl: string;
-}
-declare function ProductListClient({ products, defaultLayout, allowToggle, gridCols, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl, }: ProductListClientProps): react_jsx_runtime.JSX.Element;
-
-export { ProductListClient };

package/dist/next/product-list-client.js

@@ -1,185 +0,0 @@
-import { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function StarIcon() {
-  return /* @__PURE__ */ jsx("svg", { className: "w-3.5 h-3.5 fill-yellow-400 text-yellow-400", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" }) });
-}
-function GridIcon({ active }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      className: `w-4 h-4 ${active ? "text-foreground" : "text-muted-foreground"}`,
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "9", y: "1", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "1", y: "9", width: "6", height: "6", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
-      ]
-    }
-  );
-}
-function ListIcon({ active }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      viewBox: "0 0 16 16",
-      className: `w-4 h-4 ${active ? "text-foreground" : "text-muted-foreground"}`,
-      fill: "currentColor",
-      children: [
-        /* @__PURE__ */ jsx("rect", { x: "1", y: "2", width: "14", height: "3", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "1", y: "7", width: "14", height: "3", rx: "1" }),
-        /* @__PURE__ */ jsx("rect", { x: "1", y: "12", width: "14", height: "3", rx: "1" })
-      ]
-    }
-  );
-}
-function ProductCard({ product, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl }) {
-  const accentColor = product.color ?? "#6366f1";
-  const href = staticCtaUrl || product.ctaUrl;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `overflow-hidden group transition-shadow flex flex-col ${cardStyle === "minimal" ? "border-0 shadow-none bg-transparent" : "border rounded-xl hover:shadow-lg bg-card"}`,
-      children: [
-        cardStyle === "color-band" && /* @__PURE__ */ jsx("div", { className: "h-2 w-full flex-shrink-0", style: { backgroundColor: accentColor } }),
-        cardStyle === "filled-header" && /* @__PURE__ */ jsx("div", { className: "h-20 w-full flex-shrink-0 flex items-end px-5 pb-3", style: { backgroundColor: accentColor }, children: product.category && /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-white/80 uppercase tracking-wider", children: product.category }) }),
-        /* @__PURE__ */ jsxs("div", { className: "p-5 flex flex-col gap-3 flex-1", children: [
-          cardStyle !== "filled-header" && (product.category || product.badge) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-            product.category && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full font-medium text-white", style: { backgroundColor: accentColor }, children: product.category }),
-            product.badge && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
-          ] }),
-          cardStyle === "filled-header" && product.badge && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground self-start", children: product.badge }),
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-base line-clamp-2", children: product.name }),
-          product.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground line-clamp-2", children: product.description }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-auto pt-3 border-t border-border flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              showPrice && product.price > 0 && /* @__PURE__ */ jsxs("span", { className: "font-bold text-lg", children: [
-                product.price.toFixed(2),
-                " ",
-                currency
-              ] }),
-              showRating && product.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ jsx(StarIcon, {}),
-                /* @__PURE__ */ jsx("span", { children: product.rating })
-              ] })
-            ] }),
-            ctaLabel && /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: href || "#",
-                className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90 flex-shrink-0",
-                style: { backgroundColor: accentColor },
-                children: ctaLabel
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ProductRow({ product, showPrice, showRating, currency, ctaLabel, staticCtaUrl }) {
-  const accentColor = product.color ?? "#6366f1";
-  const href = staticCtaUrl || product.ctaUrl;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 border rounded-xl bg-card px-5 py-4 hover:shadow-md transition-shadow group", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-1 self-stretch rounded-full flex-shrink-0", style: { backgroundColor: accentColor } }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap mb-1", children: [
-        product.category && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full font-medium text-white", style: { backgroundColor: accentColor }, children: product.category }),
-        product.badge && /* @__PURE__ */ jsx("span", { className: "text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: product.badge })
-      ] }),
-      /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm truncate", children: product.name }),
-      product.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: product.description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 flex-shrink-0", children: [
-      showRating && product.rating && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsx(StarIcon, {}),
-        /* @__PURE__ */ jsx("span", { children: product.rating })
-      ] }),
-      showPrice && product.price > 0 && /* @__PURE__ */ jsxs("span", { className: "font-bold text-base", children: [
-        product.price.toFixed(2),
-        " ",
-        currency
-      ] }),
-      ctaLabel && /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: href || "#",
-          className: "text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90",
-          style: { backgroundColor: accentColor },
-          children: ctaLabel
-        }
-      )
-    ] })
-  ] });
-}
-function ProductListClient({
-  products,
-  defaultLayout,
-  allowToggle,
-  gridCols,
-  cardStyle,
-  showPrice,
-  showRating,
-  currency,
-  ctaLabel,
-  staticCtaUrl
-}) {
-  const [layout, setLayout] = useState(defaultLayout);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    allowToggle && /* @__PURE__ */ jsx("div", { className: "flex justify-end mb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border border-border rounded-lg p-1 bg-muted/30", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setLayout("grid"),
-          className: `p-1.5 rounded-md transition-colors ${layout === "grid" ? "bg-background shadow-sm" : "hover:bg-muted"}`,
-          "aria-label": "Grid view",
-          "aria-pressed": layout === "grid",
-          children: /* @__PURE__ */ jsx(GridIcon, { active: layout === "grid" })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => setLayout("list"),
-          className: `p-1.5 rounded-md transition-colors ${layout === "list" ? "bg-background shadow-sm" : "hover:bg-muted"}`,
-          "aria-label": "List view",
-          "aria-pressed": layout === "list",
-          children: /* @__PURE__ */ jsx(ListIcon, { active: layout === "list" })
-        }
-      )
-    ] }) }),
-    layout === "grid" ? /* @__PURE__ */ jsx("div", { className: `grid gap-6 grid-cols-1 ${gridCols}`, children: products.map((product) => /* @__PURE__ */ jsx(
-      ProductCard,
-      {
-        product,
-        cardStyle,
-        showPrice,
-        showRating,
-        currency,
-        ctaLabel,
-        staticCtaUrl
-      },
-      product.id
-    )) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: products.map((product) => /* @__PURE__ */ jsx(
-      ProductRow,
-      {
-        product,
-        showPrice,
-        showRating,
-        currency,
-        ctaLabel,
-        staticCtaUrl
-      },
-      product.id
-    )) })
-  ] });
-}
-
-export { ProductListClient };
-//# sourceMappingURL=product-list-client.js.map
-//# sourceMappingURL=product-list-client.js.map

package/dist/next/product-list-client.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/next/product-list-client.tsx"],"names":[],"mappings":"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","file":"product-list-client.js","sourcesContent":["'use client'\n\nimport React, { useState } from 'react'\n\ninterface NormalisedProduct {\n  id: string\n  name: string\n  price: number\n  color?: string\n  rating?: number\n  category?: string\n  badge?: string\n  description?: string\n  ctaUrl?: string\n}\n\ninterface ProductListClientProps {\n  products: NormalisedProduct[]\n  defaultLayout: 'grid' | 'list'\n  allowToggle: boolean\n  gridCols: string\n  cardStyle: string\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}\n\nfunction StarIcon() {\n  return (\n    <svg className=\"w-3.5 h-3.5 fill-yellow-400 text-yellow-400\" viewBox=\"0 0 24 24\">\n      <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" />\n    </svg>\n  )\n}\n\nfunction GridIcon({ active }: { active: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      className={`w-4 h-4 ${active ? 'text-foreground' : 'text-muted-foreground'}`}\n      fill=\"currentColor\"\n    >\n      <rect x=\"1\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"9\" y=\"1\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"1\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n      <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n    </svg>\n  )\n}\n\nfunction ListIcon({ active }: { active: boolean }) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      className={`w-4 h-4 ${active ? 'text-foreground' : 'text-muted-foreground'}`}\n      fill=\"currentColor\"\n    >\n      <rect x=\"1\" y=\"2\" width=\"14\" height=\"3\" rx=\"1\" />\n      <rect x=\"1\" y=\"7\" width=\"14\" height=\"3\" rx=\"1\" />\n      <rect x=\"1\" y=\"12\" width=\"14\" height=\"3\" rx=\"1\" />\n    </svg>\n  )\n}\n\nfunction ProductCard({ product, cardStyle, showPrice, showRating, currency, ctaLabel, staticCtaUrl }: {\n  product: NormalisedProduct\n  cardStyle: string\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}) {\n  const accentColor = product.color ?? '#6366f1'\n  const href = staticCtaUrl || product.ctaUrl\n\n  return (\n    <div\n      className={`overflow-hidden group transition-shadow flex flex-col ${\n        cardStyle === 'minimal'\n          ? 'border-0 shadow-none bg-transparent'\n          : 'border rounded-xl hover:shadow-lg bg-card'\n      }`}\n    >\n      {cardStyle === 'color-band' && (\n        <div className=\"h-2 w-full flex-shrink-0\" style={{ backgroundColor: accentColor }} />\n      )}\n      {cardStyle === 'filled-header' && (\n        <div className=\"h-20 w-full flex-shrink-0 flex items-end px-5 pb-3\" style={{ backgroundColor: accentColor }}>\n          {product.category && (\n            <span className=\"text-xs font-semibold text-white/80 uppercase tracking-wider\">{product.category}</span>\n          )}\n        </div>\n      )}\n      <div className=\"p-5 flex flex-col gap-3 flex-1\">\n        {cardStyle !== 'filled-header' && (product.category || product.badge) && (\n          <div className=\"flex items-center gap-2 flex-wrap\">\n            {product.category && (\n              <span className=\"text-xs px-2 py-0.5 rounded-full font-medium text-white\" style={{ backgroundColor: accentColor }}>\n                {product.category}\n              </span>\n            )}\n            {product.badge && (\n              <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground\">{product.badge}</span>\n            )}\n          </div>\n        )}\n        {cardStyle === 'filled-header' && product.badge && (\n          <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground self-start\">{product.badge}</span>\n        )}\n        <h3 className=\"font-semibold text-base line-clamp-2\">{product.name}</h3>\n        {product.description && (\n          <p className=\"text-xs text-muted-foreground line-clamp-2\">{product.description}</p>\n        )}\n        <div className=\"mt-auto pt-3 border-t border-border flex items-center justify-between gap-3\">\n          <div className=\"flex items-center gap-3\">\n            {showPrice && product.price > 0 && (\n              <span className=\"font-bold text-lg\">{product.price.toFixed(2)} {currency}</span>\n            )}\n            {showRating && product.rating && (\n              <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n                <StarIcon />\n                <span>{product.rating}</span>\n              </div>\n            )}\n          </div>\n          {ctaLabel && (\n            <a\n              href={href || '#'}\n              className=\"text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90 flex-shrink-0\"\n              style={{ backgroundColor: accentColor }}\n            >\n              {ctaLabel}\n            </a>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction ProductRow({ product, showPrice, showRating, currency, ctaLabel, staticCtaUrl }: {\n  product: NormalisedProduct\n  showPrice: boolean\n  showRating: boolean\n  currency: string\n  ctaLabel: string\n  staticCtaUrl: string\n}) {\n  const accentColor = product.color ?? '#6366f1'\n  const href = staticCtaUrl || product.ctaUrl\n\n  return (\n    <div className=\"flex items-center gap-4 border rounded-xl bg-card px-5 py-4 hover:shadow-md transition-shadow group\">\n      {/* Color dot */}\n      <div className=\"w-1 self-stretch rounded-full flex-shrink-0\" style={{ backgroundColor: accentColor }} />\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-center gap-2 flex-wrap mb-1\">\n          {product.category && (\n            <span className=\"text-xs px-2 py-0.5 rounded-full font-medium text-white\" style={{ backgroundColor: accentColor }}>\n              {product.category}\n            </span>\n          )}\n          {product.badge && (\n            <span className=\"text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground\">{product.badge}</span>\n          )}\n        </div>\n        <h3 className=\"font-semibold text-sm truncate\">{product.name}</h3>\n        {product.description && (\n          <p className=\"text-xs text-muted-foreground truncate mt-0.5\">{product.description}</p>\n        )}\n      </div>\n      <div className=\"flex items-center gap-4 flex-shrink-0\">\n        {showRating && product.rating && (\n          <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n            <StarIcon />\n            <span>{product.rating}</span>\n          </div>\n        )}\n        {showPrice && product.price > 0 && (\n          <span className=\"font-bold text-base\">{product.price.toFixed(2)} {currency}</span>\n        )}\n        {ctaLabel && (\n          <a\n            href={href || '#'}\n            className=\"text-xs font-semibold px-3 py-1.5 rounded-lg text-white transition-opacity hover:opacity-90\"\n            style={{ backgroundColor: accentColor }}\n          >\n            {ctaLabel}\n          </a>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function ProductListClient({\n  products,\n  defaultLayout,\n  allowToggle,\n  gridCols,\n  cardStyle,\n  showPrice,\n  showRating,\n  currency,\n  ctaLabel,\n  staticCtaUrl,\n}: ProductListClientProps) {\n  const [layout, setLayout] = useState<'grid' | 'list'>(defaultLayout)\n\n  return (\n    <div>\n      {allowToggle && (\n        <div className=\"flex justify-end mb-4\">\n          <div className=\"flex items-center gap-1 border border-border rounded-lg p-1 bg-muted/30\">\n            <button\n              type=\"button\"\n              onClick={() => setLayout('grid')}\n              className={`p-1.5 rounded-md transition-colors ${layout === 'grid' ? 'bg-background shadow-sm' : 'hover:bg-muted'}`}\n              aria-label=\"Grid view\"\n              aria-pressed={layout === 'grid'}\n            >\n              <GridIcon active={layout === 'grid'} />\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setLayout('list')}\n              className={`p-1.5 rounded-md transition-colors ${layout === 'list' ? 'bg-background shadow-sm' : 'hover:bg-muted'}`}\n              aria-label=\"List view\"\n              aria-pressed={layout === 'list'}\n            >\n              <ListIcon active={layout === 'list'} />\n            </button>\n          </div>\n        </div>\n      )}\n\n      {layout === 'grid' ? (\n        <div className={`grid gap-6 grid-cols-1 ${gridCols}`}>\n          {products.map((product) => (\n            <ProductCard\n              key={product.id}\n              product={product}\n              cardStyle={cardStyle}\n              showPrice={showPrice}\n              showRating={showRating}\n              currency={currency}\n              ctaLabel={ctaLabel}\n              staticCtaUrl={staticCtaUrl}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {products.map((product) => (\n            <ProductRow\n              key={product.id}\n              product={product}\n              showPrice={showPrice}\n              showRating={showRating}\n              currency={currency}\n              ctaLabel={ctaLabel}\n              staticCtaUrl={staticCtaUrl}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/react/index.d.cts

@@ -1,92 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React from 'react';
-
-/**
- * @sprintup-cms/sdk — Core Client
- *
- * Zero-dependency, framework-agnostic typed API client for SprintUp Forge CMS.
- *
- * @example
- * import { cmsClient } from '@sprintup-cms/sdk'
- * const page = await cmsClient.getPage('about')
- *
- * @example Custom instance
- * import { createCMSClient } from '@sprintup-cms/sdk'
- * const cms = createCMSClient({ baseUrl: '...', apiKey: '...', appId: '...' })
- */
-interface CMSBlock {
-    id: string;
-    type: string;
-    label?: string;
-    locked?: boolean;
-    data?: Record<string, any>;
-    /** Legacy field — blocks created before v1.1 used `content` instead of `data` */
-    content?: Record<string, any>;
-    order?: number;
-}
-interface CMSPageTypeField {
-    id: string;
-    name: string;
-    label: string;
-    fieldType: 'text' | 'textarea' | 'richtext' | 'image' | 'url' | 'number' | 'boolean' | 'date' | 'select' | 'relation' | 'email' | 'phone' | 'slug' | 'color' | 'embed' | 'multi-select' | 'repeater' | 'file' | 'code';
-    required?: boolean;
-    options?: string[];
-    description?: string;
-    maxLength?: number;
-    multiple?: boolean;
-    targetPageTypeKey?: string;
-}
-interface CMSPageTypeSection {
-    id: string;
-    name: string;
-    label: string;
-    order: number;
-    locked?: boolean;
-    fields: CMSPageTypeField[];
-}
-interface CMSPageTypeVariant {
-    key: string;
-    label: string;
-    description?: string;
-    visibleSections?: string[];
-}
-interface CMSPageType {
-    _id: string;
-    name: string;
-    key: string;
-    description?: string;
-    icon?: string;
-    /** Used by page-type-renderers to pick a specialised React component */
-    rendererKey?: string;
-    /** Active variant key (set per-page) */
-    variant?: string;
-    category: 'singleton' | 'collection' | 'global';
-    contentCategory: 'singleton' | 'collection' | 'global';
-    allowedRoles?: string[];
-    variants: CMSPageTypeVariant[];
-    sections: CMSPageTypeSection[];
-}
-
-interface CMSBlocksProps {
-    blocks: CMSBlock[];
-    pageType?: CMSPageType | null;
-    className?: string;
-    /**
-     * Custom block renderers — extend or override built-in blocks.
-     * @example
-     * <CMSBlocks blocks={blocks} custom={{ 'my-hero': (block) => <MyHero {...block.data} /> }} />
-     */
-    custom?: Record<string, (block: CMSBlock) => React.ReactNode>;
-}
-declare function CMSBlocks({ blocks, pageType, className, custom }: CMSBlocksProps): react_jsx_runtime.JSX.Element | null;
-
-interface CMSPreviewBannerProps {
-    isPreview: boolean;
-    status?: string;
-    slug?: string;
-    /** URL for the exit preview link. Defaults to /api/cms-preview/exit */
-    exitUrl?: string;
-}
-declare function CMSPreviewBanner({ isPreview, status, slug, exitUrl }: CMSPreviewBannerProps): react_jsx_runtime.JSX.Element | null;
-
-export { CMSBlocks, type CMSBlocksProps, CMSPreviewBanner, type CMSPreviewBannerProps };