@lexsis/storefront-components 1.0.0

package/dist/value-props/NumberedList.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function NumberedList({ content, variant, theme, elementStyles }) {
+    const rawItems = content.items || [];
+    const items = rawItems.map((item, idx) => {
+        if (typeof item === "string")
+            return { number: idx + 1, title: item, body: "", image_url: undefined };
+        const obj = item;
+        return {
+            number: typeof obj.number === "number" ? obj.number : idx + 1,
+            title: renderText(obj.title || obj.heading),
+            body: renderText(obj.body || obj.description || obj.text),
+            image_url: obj.image_url ? renderText(obj.image_url) : undefined,
+        };
+    });
+    return (_jsx("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: _jsxs("div", { className: "mx-auto max-w-5xl", children: [content.heading ? (_jsx("h2", { "data-lx-field": "heading", className: "text-center mb-14", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-section-heading-size)", fontWeight: "var(--lx-section-heading-weight)", letterSpacing: "var(--lx-section-heading-tracking)", color: theme.palette.text, ...elStyle(elementStyles, "heading") }, children: renderText(content.heading) })) : null, _jsxs("div", { className: `relative space-y-12 ${variant === "timeline" ? "pl-10 md:pl-14" : ""}`, children: [variant === "timeline" && (_jsx("div", { className: "absolute left-5 md:left-6 top-0 bottom-0 w-0.5", style: { backgroundColor: theme.palette.accent + "40" } })), items.map((item, i) => {
+                            const isEven = i % 2 === 1;
+                            return (_jsxs("div", { className: `relative flex flex-col gap-6 ${variant === "with-images" ? `md:flex-row md:items-center md:gap-10 ${isEven ? "md:flex-row-reverse" : ""}` : ""}`, children: [variant === "timeline" && (_jsx("div", { className: "absolute -left-10 md:-left-14 top-1 w-8 h-8 rounded-full flex items-center justify-center text-sm font-bold", style: { backgroundColor: theme.palette.accent, color: "#fff" }, children: item.number })), variant === "with-images" && item.image_url && (_jsx("div", { className: "md:w-1/2", children: _jsx("img", { src: item.image_url, alt: item.title, className: "w-full rounded-xl shadow-sm" }) })), _jsxs("div", { className: variant === "with-images" ? "md:w-1/2" : "flex items-start gap-5", children: [variant === "large-numbers" && (_jsx("div", { className: "flex-shrink-0 w-14 h-14 rounded-full flex items-center justify-center text-xl font-bold", style: { backgroundColor: theme.palette.accent + "1a", color: theme.palette.accent }, children: item.number })), _jsxs("div", { children: [_jsx("h3", { "data-lx-field": "label", className: "mb-2", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-item-heading-size)", fontWeight: "var(--lx-item-heading-weight)", color: theme.palette.text, ...elStyle(elementStyles, "label") }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] })] })] }, i));
+                        })] })] }) }));
+}
+//# sourceMappingURL=NumberedList.js.map

package/dist/value-props/NumberedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedList.js","sourceRoot":"","sources":["../../src/value-props/NumberedList.tsx"],"names":[],"mappings":"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"}

package/dist/value-props/ValuePropsAlternating.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ValuePropsAlternating({ content, variant, theme, elementStyles }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ValuePropsAlternating.d.ts.map

package/dist/value-props/ValuePropsAlternating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsAlternating.d.ts","sourceRoot":"","sources":["../../src/value-props/ValuePropsAlternating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA8EvG"}

package/dist/value-props/ValuePropsAlternating.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function ValuePropsAlternating({ content, variant, theme, elementStyles }) {
+    const rawItems = content.items || [];
+    const items = rawItems.map((item) => {
+        if (typeof item === "string")
+            return { title: item, body: "", image_url: undefined, icon: undefined };
+        const obj = item;
+        return {
+            title: renderText(obj.title || obj.heading),
+            body: renderText(obj.body || obj.description || obj.text),
+            image_url: obj.image_url ? renderText(obj.image_url) : undefined,
+            icon: obj.icon ? renderText(obj.icon) : undefined,
+        };
+    });
+    return (_jsx("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [content.heading ? (_jsx("h2", { "data-lx-field": "heading", className: "text-center mb-16", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-section-heading-size)", fontWeight: "var(--lx-section-heading-weight)", letterSpacing: "var(--lx-section-heading-tracking)", color: theme.palette.text, ...elStyle(elementStyles, "heading") }, children: renderText(content.heading) })) : null, _jsx("div", { className: "space-y-16 md:space-y-24", children: items.map((item, i) => {
+                        const isEven = i % 2 === 1;
+                        return (_jsxs("div", { className: `flex flex-col gap-8 md:flex-row md:items-center md:gap-12 ${isEven ? "md:flex-row-reverse" : ""}`, children: [(variant === "with-images" && item.image_url) && (_jsx("div", { className: "md:w-1/2", children: _jsx("img", { src: item.image_url, alt: item.title, className: "w-full rounded-xl shadow-sm" }) })), variant === "with-icons" && (_jsx("div", { className: "md:w-1/2 flex justify-center", children: _jsx("div", { className: "w-20 h-20 rounded-full flex items-center justify-center text-4xl", style: { backgroundColor: theme.palette.accent + "1a" }, children: item.icon || "●" }) })), _jsxs("div", { className: "md:w-1/2", children: [_jsx("h3", { "data-lx-field": "title", className: "mb-3", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-item-heading-size)", fontWeight: "var(--lx-item-heading-weight)", color: theme.palette.text, ...elStyle(elementStyles, "title") }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] })] }, i));
+                    }) })] }) }));
+}
+//# sourceMappingURL=ValuePropsAlternating.js.map

package/dist/value-props/ValuePropsAlternating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsAlternating.js","sourceRoot":"","sources":["../../src/value-props/ValuePropsAlternating.tsx"],"names":[],"mappings":"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"}

package/dist/value-props/ValuePropsGrid.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ValuePropsGrid({ content, variant, theme, elementStyles }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ValuePropsGrid.d.ts.map

package/dist/value-props/ValuePropsGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsGrid.d.ts","sourceRoot":"","sources":["../../src/value-props/ValuePropsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA+DhG"}

package/dist/value-props/ValuePropsGrid.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderText } from "../renderText";
+import { elStyle } from "../utils/elementStyles";
+export default function ValuePropsGrid({ content, variant, theme, elementStyles }) {
+    const rawItems = content.items || [];
+    const items = rawItems.map((item) => {
+        if (typeof item === "string")
+            return { icon: "", title: item, body: "" };
+        const obj = item;
+        return {
+            icon: renderText(obj.icon),
+            title: renderText(obj.title || obj.heading),
+            body: renderText(obj.body || obj.description || obj.text),
+        };
+    });
+    const gridCols = variant === "4-col"
+        ? "md:grid-cols-2 lg:grid-cols-4"
+        : variant === "2-col-large"
+            ? "md:grid-cols-2"
+            : "md:grid-cols-2 lg:grid-cols-3";
+    return (_jsx("section", { className: "px-5", style: { backgroundColor: theme.palette.bg, paddingTop: "var(--lx-section-padding)", paddingBottom: "var(--lx-section-padding)" }, children: _jsxs("div", { className: "mx-auto max-w-7xl", children: [content.heading ? (_jsx("h2", { "data-lx-field": "heading", className: "text-center mb-14", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-section-heading-size)", fontWeight: "var(--lx-section-heading-weight)", letterSpacing: "var(--lx-section-heading-tracking)", color: theme.palette.text, ...elStyle(elementStyles, "heading") }, children: renderText(content.heading) })) : null, _jsx("div", { className: `grid grid-cols-1 ${gridCols} gap-8`, children: items.map((item, i) => (_jsxs("div", { className: "flex flex-col items-center text-center", children: [_jsx("div", { className: "w-14 h-14 rounded-full flex items-center justify-center text-2xl mb-5", style: { backgroundColor: theme.palette.accent + "1a" }, children: _jsx("span", { children: item.icon }) }), _jsx("h3", { "data-lx-field": "label", className: "mb-2", style: { fontFamily: `var(--lx-font-heading, ${theme.fonts.display})`, fontSize: "var(--lx-item-heading-size)", fontWeight: "var(--lx-item-heading-weight)", color: theme.palette.text, ...elStyle(elementStyles, "label") }, children: item.title }), _jsx("p", { "data-lx-field": "body", className: "leading-relaxed", style: { fontFamily: `var(--lx-font-body, ${theme.fonts.body})`, fontSize: "var(--lx-body-size)", lineHeight: "var(--lx-body-lh)", opacity: "var(--lx-text-muted)", color: theme.palette.text, ...elStyle(elementStyles, "body") }, children: item.body })] }, i))) })] }) }));
+}
+//# sourceMappingURL=ValuePropsGrid.js.map

package/dist/value-props/ValuePropsGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsGrid.js","sourceRoot":"","sources":["../../src/value-props/ValuePropsGrid.tsx"],"names":[],"mappings":"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"}

package/dist/value-props/ValuePropsIconStrip.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from "../types";
+export default function ValuePropsIconStrip({ content, variant, theme, elementStyles }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ValuePropsIconStrip.d.ts.map

package/dist/value-props/ValuePropsIconStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsIconStrip.d.ts","sourceRoot":"","sources":["../../src/value-props/ValuePropsIconStrip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,cAAc,2CA0CrG"}

package/dist/value-props/ValuePropsIconStrip.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { elStyle } from "../utils/elementStyles";
+export default function ValuePropsIconStrip({ content, variant, theme, elementStyles }) {
+    const items = content.items || [];
+    const visibleItems = items.slice(0, 5);
+    return (_jsx("section", { className: "py-8 px-5 border-y", style: {
+            backgroundColor: theme.palette.bg,
+            borderColor: theme.palette.text + "15",
+        }, children: _jsx("div", { className: "mx-auto max-w-5xl", children: _jsx("div", { className: "flex flex-wrap justify-center items-center gap-6 md:gap-8", children: visibleItems.map((item, i) => (_jsxs("div", { className: "flex items-center", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-lg", children: item.icon }), _jsx("span", { "data-lx-field": "label", className: "font-medium whitespace-nowrap", style: { fontSize: "var(--lx-body-size)", fontFamily: theme.fonts.body, color: theme.palette.text, ...elStyle(elementStyles, "label") }, children: item.label })] }), variant === "with-dividers" && i < visibleItems.length - 1 && (_jsx("div", { className: "hidden md:block ml-6 md:ml-8 h-5 w-px", style: { backgroundColor: theme.palette.text + "30" } }))] }, i))) }) }) }));
+}
+//# sourceMappingURL=ValuePropsIconStrip.js.map

package/dist/value-props/ValuePropsIconStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValuePropsIconStrip.js","sourceRoot":"","sources":["../../src/value-props/ValuePropsIconStrip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAkB;IACpG,MAAM,KAAK,GAAI,OAAO,CAAC,KAGpB,IAAI,EAAE,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,kBACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;YACjC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI;SACvC,YAED,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,2DAA2D,YACvE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,eAAa,SAAS,EAAC,mBAAmB,aACxC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,SAAS,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC5C,gCACgB,OAAO,EACrB,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,qBAAqB,EAAE,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,EAAE,YAEtI,IAAI,CAAC,KAAK,GACN,IACH,EACL,OAAO,KAAK,eAAe,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7D,cACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,EAAE,GACrD,CACH,KAhBO,CAAC,CAiBL,CACP,CAAC,GACE,GACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/value-props/index.d.ts

@@ -0,0 +1,6 @@
+export { default as ValuePropsGrid } from "./ValuePropsGrid";
+export { default as ValuePropsAlternating } from "./ValuePropsAlternating";
+export { default as ValuePropsIconStrip } from "./ValuePropsIconStrip";
+export { default as NumberedList } from "./NumberedList";
+export { default as HowItWorks } from "./HowItWorks";
+//# sourceMappingURL=index.d.ts.map

package/dist/value-props/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/value-props/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/value-props/index.js

@@ -0,0 +1,6 @@
+export { default as ValuePropsGrid } from "./ValuePropsGrid";
+export { default as ValuePropsAlternating } from "./ValuePropsAlternating";
+export { default as ValuePropsIconStrip } from "./ValuePropsIconStrip";
+export { default as NumberedList } from "./NumberedList";
+export { default as HowItWorks } from "./HowItWorks";
+//# sourceMappingURL=index.js.map

package/dist/value-props/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/value-props/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@lexsis/storefront-components",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --project tsconfig.build.json --noCheck",
+    "generate-manifest": "tsx scripts/generate-manifest.ts",
+    "verify-manifest": "tsx scripts/verify-manifest.ts"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "framer-motion": "^11.0.0 || ^12.0.0",
+    "lucide-react": "^0.554.0",
+    "three": "^0.183.0",
+    "@react-three/fiber": "^9.0.0",
+    "@react-three/drei": "^10.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@types/three": "^0.183.0",
+    "framer-motion": "^12.0.0",
+    "lucide-react": "^0.554.0",
+    "@react-three/fiber": "^9.0.0",
+    "@react-three/drei": "^10.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "three": "^0.183.0",
+    "typescript": "^5.0.0",
+    "tailwindcss": "^4.0.0",
+    "tsx": "^4.0.0"
+  }
+}