@shipsite.dev/components 0.2.21 → 0.2.22

package/dist/marketing/PricingSection.d.ts

@@ -22,6 +22,7 @@ interface ComparisonCategoryProps {
 }
 export declare function ComparisonCategory(_props: ComparisonCategoryProps): null;
 interface PricingSectionProps {
+    id?: string;
     title?: string;
     description?: string;
     monthlyLabel?: string;
@@ -29,6 +30,6 @@ interface PricingSectionProps {
     mostPopularLabel?: string;
     children: React.ReactNode;
 }
-export declare function PricingSection({ title, description, monthlyLabel, yearlyLabel, mostPopularLabel, children }: PricingSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function PricingSection({ id, title, description, monthlyLabel, yearlyLabel, mostPopularLabel, children }: PricingSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PricingSection.d.ts.map

package/dist/marketing/PricingSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PricingSection.d.ts","sourceRoot":"","sources":["../../src/marketing/PricingSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,QAEnD;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,QAEvD;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,uBAAuB,QAEjE;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAwB,EAAE,WAAsB,EAAE,gBAAiC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiGxK"}
+{"version":3,"file":"PricingSection.d.ts","sourceRoot":"","sources":["../../src/marketing/PricingSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAMlE,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,gBAAgB,QAEnD;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,CAAC,MAAM,GAAG,OAAO,CAAC,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,kBAAkB,QAEvD;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,uBAAuB,QAEjE;AAED,UAAU,mBAAmB;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAwB,EAAE,WAAsB,EAAE,gBAAiC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiG5K"}

package/dist/marketing/PricingSection.js

@@ -14,7 +14,7 @@ export function ComparisonRow(_props) {
 export function ComparisonCategory(_props) {
     return null;
 }
-export function PricingSection({ title, description, monthlyLabel = 'Monthly', yearlyLabel = 'Yearly', mostPopularLabel = 'Most Popular', children }) {
+export function PricingSection({ id, title, description, monthlyLabel = 'Monthly', yearlyLabel = 'Yearly', mostPopularLabel = 'Most Popular', children }) {
     const [isYearly, setIsYearly] = useState(false);
     const plans = [];
     const rows = [];
@@ -28,7 +28,7 @@ export function PricingSection({ title, description, monthlyLabel = 'Monthly', y
         else if (child.type === ComparisonCategory)
             rows.push({ type: 'category', props: child.props });
     });
-    return (_jsx(Section, { children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), plans.some((p) => p.yearlyPrice) && (_jsxs("div", { className: "flex items-center justify-center gap-3 mb-12", children: [_jsx("span", { className: cn('text-sm font-medium', !isYearly ? 'text-foreground' : 'text-muted-foreground'), children: monthlyLabel }), _jsx("button", { onClick: () => setIsYearly(!isYearly), className: cn('relative w-12 h-6 rounded-full transition-colors', isYearly ? 'bg-primary' : 'bg-muted'), children: _jsx("span", { className: cn('absolute top-0.5 w-5 h-5 bg-background rounded-full shadow transition-transform', isYearly ? 'translate-x-6' : 'translate-x-0.5') }) }), _jsx("span", { className: cn('text-sm font-medium', isYearly ? 'text-foreground' : 'text-muted-foreground'), children: yearlyLabel })] })), _jsx("div", { className: cn('grid grid-cols-1 gap-6 mb-16', plans.length === 2 && 'md:grid-cols-2', plans.length >= 3 && 'md:grid-cols-3'), children: plans.map((plan) => (_jsxs("div", { className: cn('relative rounded-2xl p-8', plan.popular
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), plans.some((p) => p.yearlyPrice) && (_jsxs("div", { className: "flex items-center justify-center gap-3 mb-12", children: [_jsx("span", { className: cn('text-sm font-medium', !isYearly ? 'text-foreground' : 'text-muted-foreground'), children: monthlyLabel }), _jsx("button", { onClick: () => setIsYearly(!isYearly), className: cn('relative w-12 h-6 rounded-full transition-colors', isYearly ? 'bg-primary' : 'bg-muted'), children: _jsx("span", { className: cn('absolute top-0.5 w-5 h-5 bg-background rounded-full shadow transition-transform', isYearly ? 'translate-x-6' : 'translate-x-0.5') }) }), _jsx("span", { className: cn('text-sm font-medium', isYearly ? 'text-foreground' : 'text-muted-foreground'), children: yearlyLabel })] })), _jsx("div", { className: cn('grid grid-cols-1 gap-6 mb-16', plans.length === 2 && 'md:grid-cols-2', plans.length >= 3 && 'md:grid-cols-3'), children: plans.map((plan) => (_jsxs("div", { className: cn('relative rounded-2xl p-8', plan.popular
                             ? 'glass-4 ring-2 ring-primary shadow-xl'
                             : 'glass-1'), children: [plan.popular && (_jsx("div", { className: "absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 bg-primary text-primary-foreground text-xs font-medium rounded-full", children: mostPopularLabel })), _jsx("h3", { className: "text-xl font-bold mb-2 text-foreground", children: plan.name }), plan.description && _jsx("p", { className: "text-sm mb-4 text-muted-foreground", children: plan.description }), _jsx("div", { className: "mb-6", children: _jsx("span", { className: "text-4xl font-bold text-foreground", children: isYearly && plan.yearlyPrice ? plan.yearlyPrice : plan.price }) }), _jsx(Button, { asChild: true, className: "w-full", variant: plan.popular ? 'default' : 'glow', children: _jsx("a", { href: plan.cta.href, children: plan.cta.label }) }), _jsx("ul", { className: "mt-6 space-y-3", children: plan.features.map((feature) => (_jsxs("li", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [_jsx(Check, { className: "w-4 h-4 mt-0.5 shrink-0 text-primary" }), feature] }, feature))) })] }, plan.name))) }), rows.length > 0 && (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-border", children: [_jsx("th", { className: "text-left py-4 pr-4 font-medium text-foreground", children: "Feature" }), plans.map((plan) => _jsx("th", { className: "text-center py-4 px-4 font-medium text-foreground", children: plan.name }, plan.name))] }) }), _jsx("tbody", { children: rows.map((row, i) => {
                                     if (row.type === 'category') {

package/dist/marketing/PricingSection.js.map

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

package/dist/marketing/SocialProof.d.ts

@@ -1,8 +1,9 @@
 interface SocialProofProps {
+    id?: string;
     avatars?: string[];
     text: string;
     subtext?: string;
 }
-export declare function SocialProof({ avatars, text, subtext }: SocialProofProps): import("react/jsx-runtime").JSX.Element;
+export declare function SocialProof({ id, avatars, text, subtext }: SocialProofProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SocialProof.d.ts.map

package/dist/marketing/SocialProof.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../src/marketing/SocialProof.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CA4BvE"}
+{"version":3,"file":"SocialProof.d.ts","sourceRoot":"","sources":["../../src/marketing/SocialProof.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CA4B3E"}

package/dist/marketing/SocialProof.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Section } from '../ui/section';
-export function SocialProof({ avatars, text, subtext }) {
-    return (_jsx(Section, { className: "py-12", children: _jsx("div", { className: "container-main", children: _jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [avatars && avatars.length > 0 && (_jsxs("div", { className: "flex -space-x-3", children: [avatars.map((src, i) => (_jsx("img", { src: src, alt: "", className: "w-10 h-10 rounded-full border-2 border-background object-cover" }, i))), _jsx("div", { className: "w-10 h-10 rounded-full border-2 border-background bg-primary flex items-center justify-center", children: _jsx("span", { className: "text-xs font-semibold text-primary-foreground", children: "+" }) })] })), _jsxs("div", { children: [_jsx("p", { className: "text-lg font-semibold text-foreground", children: text }), subtext && _jsx("p", { className: "text-sm text-muted-foreground", children: subtext })] })] }) }) }));
+export function SocialProof({ id, avatars, text, subtext }) {
+    return (_jsx(Section, { id: id, className: "py-12", children: _jsx("div", { className: "container-main", children: _jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [avatars && avatars.length > 0 && (_jsxs("div", { className: "flex -space-x-3", children: [avatars.map((src, i) => (_jsx("img", { src: src, alt: "", className: "w-10 h-10 rounded-full border-2 border-background object-cover" }, i))), _jsx("div", { className: "w-10 h-10 rounded-full border-2 border-background bg-primary flex items-center justify-center", children: _jsx("span", { className: "text-xs font-semibold text-primary-foreground", children: "+" }) })] })), _jsxs("div", { children: [_jsx("p", { className: "text-lg font-semibold text-foreground", children: text }), subtext && _jsx("p", { className: "text-sm text-muted-foreground", children: subtext })] })] }) }) }));
 }
 //# sourceMappingURL=SocialProof.js.map

package/dist/marketing/SocialProof.js.map

@@ -1 +1 @@
-{"version":3,"file":"SocialProof.js","sourceRoot":"","sources":["../../src/marketing/SocialProof.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAQxC,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAoB;IACtE,OAAO,CACL,KAAC,OAAO,IAAC,SAAS,EAAC,OAAO,YACxB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAK,SAAS,EAAC,8CAA8C,aAC1D,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,cAEE,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,gEAAgE,IAHrE,CAAC,CAIN,CACH,CAAC,EACF,cAAK,SAAS,EAAC,+FAA+F,YAC5G,eAAM,SAAS,EAAC,+CAA+C,kBAAS,GACpE,IACF,CACP,EACD,0BACE,YAAG,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAK,EAC9D,OAAO,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,OAAO,GAAK,IAClE,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SocialProof.js","sourceRoot":"","sources":["../../src/marketing/SocialProof.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASxC,MAAM,UAAU,WAAW,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAoB;IAC1E,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,OAAO,YAChC,cAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAK,SAAS,EAAC,8CAA8C,aAC1D,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,eAAK,SAAS,EAAC,iBAAiB,aAC7B,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,cAEE,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,EAAC,gEAAgE,IAHrE,CAAC,CAIN,CACH,CAAC,EACF,cAAK,SAAS,EAAC,+FAA+F,YAC5G,eAAM,SAAS,EAAC,+CAA+C,kBAAS,GACpE,IACF,CACP,EACD,0BACE,YAAG,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAK,EAC9D,OAAO,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,OAAO,GAAK,IAClE,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/marketing/Stats.d.ts

@@ -7,9 +7,10 @@ interface StatProps {
 }
 export declare function Stat(_props: StatProps): null;
 interface StatsProps {
+    id?: string;
     title?: string;
     children: React.ReactNode;
 }
-export declare function Stats({ title, children }: StatsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Stats({ id, title, children }: StatsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Stats.d.ts.map

package/dist/marketing/Stats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../src/marketing/Stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,SAAS,QAErC;AAED,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAqCpD"}
+{"version":3,"file":"Stats.d.ts","sourceRoot":"","sources":["../../src/marketing/Stats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,SAAS,QAErC;AAED,UAAU,UAAU;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAqCxD"}

package/dist/marketing/Stats.js

@@ -4,13 +4,13 @@ import { Section } from '../ui/section';
 export function Stat(_props) {
     return null;
 }
-export function Stats({ title, children }) {
+export function Stats({ id, title, children }) {
     const items = [];
     React.Children.forEach(children, (child) => {
         if (React.isValidElement(child) && child.type === Stat) {
             items.push(child.props);
         }
     });
-    return (_jsx(Section, { children: _jsxs("div", { className: "container-main max-w-[960px]", children: [title && (_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-12 text-center", children: title })), _jsx("div", { className: "grid grid-cols-2 gap-12 sm:grid-cols-4", children: items.map((item, i) => (_jsxs("div", { className: "flex flex-col items-start gap-3 text-left", children: [item.label && (_jsx("div", { className: "text-muted-foreground text-sm font-semibold", children: item.label })), _jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("div", { className: "from-foreground to-foreground dark:to-brand bg-linear-to-r bg-clip-text text-4xl font-medium text-transparent drop-shadow-[2px_1px_24px_var(--brand-foreground)] transition-all duration-300 sm:text-5xl md:text-6xl", children: item.value }), item.suffix && (_jsx("div", { className: "text-brand text-2xl font-semibold", children: item.suffix }))] }), item.description && (_jsx("div", { className: "text-muted-foreground text-sm font-semibold text-pretty", children: item.description }))] }, i))) })] }) }));
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main max-w-[960px]", children: [title && (_jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-12 text-center", children: title })), _jsx("div", { className: "grid grid-cols-2 gap-12 sm:grid-cols-4", children: items.map((item, i) => (_jsxs("div", { className: "flex flex-col items-start gap-3 text-left", children: [item.label && (_jsx("div", { className: "text-muted-foreground text-sm font-semibold", children: item.label })), _jsxs("div", { className: "flex items-baseline gap-2", children: [_jsx("div", { className: "from-foreground to-foreground dark:to-brand bg-linear-to-r bg-clip-text text-4xl font-medium text-transparent drop-shadow-[2px_1px_24px_var(--brand-foreground)] transition-all duration-300 sm:text-5xl md:text-6xl", children: item.value }), item.suffix && (_jsx("div", { className: "text-brand text-2xl font-semibold", children: item.suffix }))] }), item.description && (_jsx("div", { className: "text-muted-foreground text-sm font-semibold text-pretty", children: item.description }))] }, i))) })] }) }));
 }
 //# sourceMappingURL=Stats.js.map

package/dist/marketing/Stats.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stats.js","sourceRoot":"","sources":["../../src/marketing/Stats.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASxC,MAAM,UAAU,IAAI,CAAC,MAAiB;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AAOD,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAc;IACnD,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACvD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,cACN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,kEAAkE,YAAE,KAAK,GAAM,CAC9F,EACD,cAAK,SAAS,EAAC,wCAAwC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,2CAA2C,aAC/D,IAAI,CAAC,KAAK,IAAI,CACb,cAAK,SAAS,EAAC,6CAA6C,YAAE,IAAI,CAAC,KAAK,GAAO,CAChF,EACD,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,sNAAsN,YAClO,IAAI,CAAC,KAAK,GACP,EACL,IAAI,CAAC,MAAM,IAAI,CACd,cAAK,SAAS,EAAC,mCAAmC,YAAE,IAAI,CAAC,MAAM,GAAO,CACvE,IACG,EACL,IAAI,CAAC,WAAW,IAAI,CACnB,cAAK,SAAS,EAAC,yDAAyD,YAAE,IAAI,CAAC,WAAW,GAAO,CAClG,KAdO,CAAC,CAeL,CACP,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Stats.js","sourceRoot":"","sources":["../../src/marketing/Stats.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASxC,MAAM,UAAU,IAAI,CAAC,MAAiB;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,MAAM,UAAU,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAc;IACvD,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACvD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,8BAA8B,aAC1C,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,kEAAkE,YAAE,KAAK,GAAM,CAC9F,EACD,cAAK,SAAS,EAAC,wCAAwC,YACpD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,2CAA2C,aAC/D,IAAI,CAAC,KAAK,IAAI,CACb,cAAK,SAAS,EAAC,6CAA6C,YAAE,IAAI,CAAC,KAAK,GAAO,CAChF,EACD,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,sNAAsN,YAClO,IAAI,CAAC,KAAK,GACP,EACL,IAAI,CAAC,MAAM,IAAI,CACd,cAAK,SAAS,EAAC,mCAAmC,YAAE,IAAI,CAAC,MAAM,GAAO,CACvE,IACG,EACL,IAAI,CAAC,WAAW,IAAI,CACnB,cAAK,SAAS,EAAC,yDAAyD,YAAE,IAAI,CAAC,WAAW,GAAO,CAClG,KAdO,CAAC,CAeL,CACP,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/marketing/Steps.d.ts

@@ -5,10 +5,11 @@ interface StepProps {
 }
 export declare function Step(_props: StepProps): null;
 interface StepsProps {
+    id?: string;
     title?: string;
     description?: string;
     children: React.ReactNode;
 }
-export declare function Steps({ title, description, children }: StepsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Steps({ id, title, description, children }: StepsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Steps.d.ts.map

package/dist/marketing/Steps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../src/marketing/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,SAAS,QAErC;AAED,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAkCjE"}
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../src/marketing/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,MAAM,EAAE,SAAS,QAErC;AAED,UAAU,UAAU;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAkCrE"}

package/dist/marketing/Steps.js

@@ -4,13 +4,13 @@ import { Section } from '../ui/section';
 export function Step(_props) {
     return null;
 }
-export function Steps({ title, description, children }) {
+export function Steps({ id, title, description, children }) {
     const steps = [];
     React.Children.forEach(children, (child) => {
         if (React.isValidElement(child) && child.type === Step) {
             steps.push(child.props);
         }
     });
-    return (_jsx(Section, { children: _jsxs("div", { className: "container-main max-w-3xl", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground", children: description })] })), _jsx("div", { className: "space-y-8", children: steps.map((step, i) => (_jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-10 h-10 rounded-full bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm shrink-0", children: i + 1 }), i < steps.length - 1 && _jsx("div", { className: "w-px flex-1 bg-border mt-2" })] }), _jsxs("div", { className: "pb-8", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: step.title }), _jsx("p", { className: "text-muted-foreground", children: step.description })] })] }, i))) })] }) }));
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main max-w-3xl", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground", children: description })] })), _jsx("div", { className: "space-y-8", children: steps.map((step, i) => (_jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-10 h-10 rounded-full bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm shrink-0", children: i + 1 }), i < steps.length - 1 && _jsx("div", { className: "w-px flex-1 bg-border mt-2" })] }), _jsxs("div", { className: "pb-8", children: [_jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: step.title }), _jsx("p", { className: "text-muted-foreground", children: step.description })] })] }, i))) })] }) }));
 }
 //# sourceMappingURL=Steps.js.map

package/dist/marketing/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../src/marketing/Steps.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,MAAM,UAAU,IAAI,CAAC,MAAiB;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAc;IAChE,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACvD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,cACN,eAAK,SAAS,EAAC,0BAA0B,aACtC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,IAC1E,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,YAAY,aACjC,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,uHAAuH,YAAE,CAAC,GAAG,CAAC,GAAO,EACnJ,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAK,SAAS,EAAC,4BAA4B,GAAG,IACnE,EACN,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,4CAA4C,YAAE,IAAI,CAAC,KAAK,GAAM,EAC5E,YAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,WAAW,GAAK,IACvD,KARE,CAAC,CASL,CACP,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../src/marketing/Steps.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOxC,MAAM,UAAU,IAAI,CAAC,MAAiB;IACpC,OAAO,IAAI,CAAC;AACd,CAAC;AASD,MAAM,UAAU,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAc;IACpE,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;YACvD,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAkB,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,0BAA0B,aACtC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,IAC1E,CACP,EACD,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,YAAY,aACjC,eAAK,SAAS,EAAC,4BAA4B,aACzC,cAAK,SAAS,EAAC,uHAAuH,YAAE,CAAC,GAAG,CAAC,GAAO,EACnJ,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAK,SAAS,EAAC,4BAA4B,GAAG,IACnE,EACN,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,4CAA4C,YAAE,IAAI,CAAC,KAAK,GAAM,EAC5E,YAAG,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,WAAW,GAAK,IACvD,KARE,CAAC,CASL,CACP,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/marketing/TabsSection.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
+import { type ImageSource } from '../ui/theme-image';
 interface TabItemProps {
     label: string;
     title?: string;
     description?: string;
-    image?: string;
+    image?: ImageSource;
     children?: React.ReactNode;
 }
 export declare function TabItem(_props: TabItemProps): null;
 interface TabsSectionProps {
+    id?: string;
     title?: string;
     description?: string;
     children: React.ReactNode;
 }
-export declare function TabsSection({ title, description, children }: TabsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabsSection({ id, title, description, children }: TabsSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TabsSection.d.ts.map

package/dist/marketing/TabsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsSection.d.ts","sourceRoot":"","sources":["../../src/marketing/TabsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,QAE3C;AAED,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2D7E"}
+{"version":3,"file":"TabsSection.d.ts","sourceRoot":"","sources":["../../src/marketing/TabsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,QAE3C;AAED,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2DjF"}

package/dist/marketing/TabsSection.js

@@ -3,10 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { Section } from '../ui/section';
 import { cn } from '../lib/utils';
+import { ThemeImage } from '../ui/theme-image';
 export function TabItem(_props) {
     return null;
 }
-export function TabsSection({ title, description, children }) {
+export function TabsSection({ id, title, description, children }) {
     const [activeIndex, setActiveIndex] = useState(0);
     const tabs = [];
     React.Children.forEach(children, (child) => {
@@ -15,8 +16,8 @@ export function TabsSection({ title, description, children }) {
         }
     });
     const activeTab = tabs[activeIndex];
-    return (_jsx(Section, { children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), _jsx("div", { className: "flex justify-center mb-8", children: _jsx("div", { className: "inline-flex rounded-full glass-1 p-1 gap-1", children: tabs.map((tab, i) => (_jsx("button", { onClick: () => setActiveIndex(i), className: cn('px-4 py-2 rounded-full text-sm font-medium transition-all', i === activeIndex
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), _jsx("div", { className: "flex justify-center mb-8", children: _jsx("div", { className: "inline-flex rounded-full glass-1 p-1 gap-1", children: tabs.map((tab, i) => (_jsx("button", { onClick: () => setActiveIndex(i), className: cn('px-4 py-2 rounded-full text-sm font-medium transition-all', i === activeIndex
                                 ? 'bg-primary text-primary-foreground'
-                                : 'text-muted-foreground hover:text-foreground'), children: tab.label }, i))) }) }), activeTab && (_jsx("div", { className: "glass-1 rounded-2xl p-8 md:p-12", children: _jsxs("div", { className: cn('grid gap-8', activeTab.image && 'md:grid-cols-2 items-center'), children: [_jsxs("div", { children: [activeTab.title && (_jsx("h3", { className: "text-2xl font-bold text-foreground mb-4", children: activeTab.title })), activeTab.description && (_jsx("p", { className: "text-muted-foreground leading-relaxed", children: activeTab.description }))] }), activeTab.image && (_jsx("img", { src: activeTab.image, alt: activeTab.title || activeTab.label, className: "w-full rounded-xl" }))] }) }))] }) }));
+                                : 'text-muted-foreground hover:text-foreground'), children: tab.label }, i))) }) }), activeTab && (_jsx("div", { className: "glass-1 rounded-2xl p-8 md:p-12", children: _jsxs("div", { className: cn('grid gap-8', activeTab.image && 'md:grid-cols-2 items-center'), children: [_jsxs("div", { children: [activeTab.title && (_jsx("h3", { className: "text-2xl font-bold text-foreground mb-4", children: activeTab.title })), activeTab.description && (_jsx("p", { className: "text-muted-foreground leading-relaxed", children: activeTab.description }))] }), activeTab.image && (_jsx(ThemeImage, { src: activeTab.image, alt: activeTab.title || activeTab.label, className: "w-full rounded-xl" }))] }) }))] }) }));
 }
 //# sourceMappingURL=TabsSection.js.map

package/dist/marketing/TabsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsSection.js","sourceRoot":"","sources":["../../src/marketing/TabsSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAUlC,MAAM,UAAU,OAAO,CAAC,MAAoB;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC;AAQD,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAoB;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,OAAO,cACN,eAAK,SAAS,EAAC,gBAAgB,aAC5B,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,iDAAiD,YAAE,WAAW,GAAK,IAC5F,CACP,EACD,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,4CAA4C,YACxD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,CAAC,KAAK,WAAW;gCACf,CAAC,CAAC,oCAAoC;gCACtC,CAAC,CAAC,6CAA6C,CAClD,YAEA,GAAG,CAAC,KAAK,IATL,CAAC,CAUC,CACV,CAAC,GACE,GACF,EACL,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,iCAAiC,YAC9C,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAK,IAAI,6BAA6B,CAAC,aAChF,0BACG,SAAS,CAAC,KAAK,IAAI,CAClB,aAAI,SAAS,EAAC,yCAAyC,YAAE,SAAS,CAAC,KAAK,GAAM,CAC/E,EACA,SAAS,CAAC,WAAW,IAAI,CACxB,YAAG,SAAS,EAAC,uCAAuC,YAAE,SAAS,CAAC,WAAW,GAAK,CACjF,IACG,EACL,SAAS,CAAC,KAAK,IAAI,CAClB,cAAK,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAAC,mBAAmB,GAAG,CACrG,IACG,GACF,CACP,IACG,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TabsSection.js","sourceRoot":"","sources":["../../src/marketing/TabsSection.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AAUjE,MAAM,UAAU,OAAO,CAAC,MAAoB;IAC1C,OAAO,IAAI,CAAC;AACd,CAAC;AASD,MAAM,UAAU,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAoB;IAChF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,gBAAgB,aAC5B,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,iDAAiD,YAAE,WAAW,GAAK,IAC5F,CACP,EACD,cAAK,SAAS,EAAC,0BAA0B,YACvC,cAAK,SAAS,EAAC,4CAA4C,YACxD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAChC,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,CAAC,KAAK,WAAW;gCACf,CAAC,CAAC,oCAAoC;gCACtC,CAAC,CAAC,6CAA6C,CAClD,YAEA,GAAG,CAAC,KAAK,IATL,CAAC,CAUC,CACV,CAAC,GACE,GACF,EACL,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,iCAAiC,YAC9C,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAK,IAAI,6BAA6B,CAAC,aAChF,0BACG,SAAS,CAAC,KAAK,IAAI,CAClB,aAAI,SAAS,EAAC,yCAAyC,YAAE,SAAS,CAAC,KAAK,GAAM,CAC/E,EACA,SAAS,CAAC,WAAW,IAAI,CACxB,YAAG,SAAS,EAAC,uCAAuC,YAAE,SAAS,CAAC,WAAW,GAAK,CACjF,IACG,EACL,SAAS,CAAC,KAAK,IAAI,CAClB,KAAC,UAAU,IAAC,GAAG,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,EAAE,SAAS,EAAC,mBAAmB,GAAG,CAC5G,IACG,GACF,CACP,IACG,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/marketing/Testimonial.d.ts

@@ -1,10 +1,12 @@
+import { type ImageSource } from '../ui/theme-image';
 interface TestimonialProps {
+    id?: string;
     quote: string;
     author: string;
     role?: string;
-    image?: string;
+    image?: ImageSource;
     company?: string;
 }
-export declare function Testimonial({ quote, author, role, image, company }: TestimonialProps): import("react/jsx-runtime").JSX.Element;
+export declare function Testimonial({ id, quote, author, role, image, company }: TestimonialProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Testimonial.d.ts.map

package/dist/marketing/Testimonial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonial.d.ts","sourceRoot":"","sources":["../../src/marketing/Testimonial.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAiBpF"}
+{"version":3,"file":"Testimonial.d.ts","sourceRoot":"","sources":["../../src/marketing/Testimonial.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAiBxF"}

package/dist/marketing/Testimonial.js

@@ -1,6 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Section } from '../ui/section';
-export function Testimonial({ quote, author, role, image, company }) {
-    return (_jsx(Section, { children: _jsx("div", { className: "container-main max-w-3xl", children: _jsxs("div", { className: "glass-2 rounded-2xl p-8 md:p-12", children: [_jsxs("blockquote", { className: "text-lg md:text-xl text-foreground/80 italic mb-6", children: ["\u201C", quote, "\u201D"] }), _jsxs("div", { className: "flex items-center gap-3", children: [image && _jsx("img", { src: image, alt: author, className: "w-10 h-10 rounded-full object-cover" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold text-foreground", children: author }), (role || company) && _jsxs("p", { className: "text-sm text-muted-foreground", children: [role, role && company && ' \u00B7 ', company] })] })] })] }) }) }));
+import { ThemeImage } from '../ui/theme-image';
+export function Testimonial({ id, quote, author, role, image, company }) {
+    return (_jsx(Section, { id: id, children: _jsx("div", { className: "container-main max-w-3xl", children: _jsxs("div", { className: "glass-2 rounded-2xl p-8 md:p-12", children: [_jsxs("blockquote", { className: "text-lg md:text-xl text-foreground/80 italic mb-6", children: ["\u201C", quote, "\u201D"] }), _jsxs("div", { className: "flex items-center gap-3", children: [image && _jsx(ThemeImage, { src: image, alt: author, className: "w-10 h-10 rounded-full object-cover" }), _jsxs("div", { children: [_jsx("p", { className: "font-semibold text-foreground", children: author }), (role || company) && _jsxs("p", { className: "text-sm text-muted-foreground", children: [role, role && company && ' \u00B7 ', company] })] })] })] }) }) }));
 }
 //# sourceMappingURL=Testimonial.js.map

package/dist/marketing/Testimonial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../src/marketing/Testimonial.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAUxC,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAoB;IACnF,OAAO,CACL,KAAC,OAAO,cACN,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,sBAAY,SAAS,EAAC,mDAAmD,uBAAS,KAAK,cAAqB,EAC5G,eAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,IAAI,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,qCAAqC,GAAG,EAC1F,0BACE,YAAG,SAAS,EAAC,+BAA+B,YAAE,MAAM,GAAK,EACxD,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,aAAG,SAAS,EAAC,+BAA+B,aAAE,IAAI,EAAE,IAAI,IAAI,OAAO,IAAI,UAAU,EAAE,OAAO,IAAK,IACjH,IACF,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Testimonial.js","sourceRoot":"","sources":["../../src/marketing/Testimonial.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AAWjE,MAAM,UAAU,WAAW,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAoB;IACvF,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,cAAK,SAAS,EAAC,0BAA0B,YACvC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,sBAAY,SAAS,EAAC,mDAAmD,uBAAS,KAAK,cAAqB,EAC5G,eAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,IAAI,KAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,qCAAqC,GAAG,EACjG,0BACE,YAAG,SAAS,EAAC,+BAA+B,YAAE,MAAM,GAAK,EACxD,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,aAAG,SAAS,EAAC,+BAA+B,aAAE,IAAI,EAAE,IAAI,IAAI,OAAO,IAAI,UAAU,EAAE,OAAO,IAAK,IACjH,IACF,IACF,GACF,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/marketing/Testimonials.d.ts

@@ -1,19 +1,21 @@
 import React from 'react';
+import { type ImageSource } from '../ui/theme-image';
 interface TestimonialCardProps {
     quote: string;
     author: string;
     role?: string;
     company?: string;
-    image?: string;
+    image?: ImageSource;
     rating?: number;
 }
 export declare function TestimonialCard({ quote, author, role, company, image, rating }: TestimonialCardProps): import("react/jsx-runtime").JSX.Element;
 interface TestimonialsProps {
+    id?: string;
     title?: string;
     description?: string;
     columns?: 2 | 3;
     children: React.ReactNode;
 }
-export declare function Testimonials({ title, description, columns, children }: TestimonialsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Testimonials({ id, title, description, columns, children }: TestimonialsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Testimonials.d.ts.map

package/dist/marketing/Testimonials.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAsBpG;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAW,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAgB5F"}
+{"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEjE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAsBpG;AAED,UAAU,iBAAiB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAW,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAgBhG"}

package/dist/marketing/Testimonials.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Section } from '../ui/section';
+import { ThemeImage } from '../ui/theme-image';
 export function TestimonialCard({ quote, author, role, company, image, rating }) {
-    return (_jsxs("div", { className: "glass-1 hover:glass-2 rounded-2xl p-6 transition-all flex flex-col justify-between gap-4", children: [rating && (_jsx("div", { className: "flex gap-0.5", children: Array.from({ length: rating }).map((_, i) => (_jsx("svg", { className: "size-4 fill-brand", viewBox: "0 0 20 20", children: _jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) }, i))) })), _jsxs("blockquote", { className: "text-sm text-foreground/80 leading-relaxed", children: ["\u201C", quote, "\u201D"] }), _jsxs("div", { className: "flex items-center gap-3 mt-auto pt-2", children: [image && _jsx("img", { src: image, alt: author, className: "w-8 h-8 rounded-full object-cover" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: author }), (role || company) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [role, role && company && ' · ', company] }))] })] })] }));
+    return (_jsxs("div", { className: "glass-1 hover:glass-2 rounded-2xl p-6 transition-all flex flex-col justify-between gap-4", children: [rating && (_jsx("div", { className: "flex gap-0.5", children: Array.from({ length: rating }).map((_, i) => (_jsx("svg", { className: "size-4 fill-brand", viewBox: "0 0 20 20", children: _jsx("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }) }, i))) })), _jsxs("blockquote", { className: "text-sm text-foreground/80 leading-relaxed", children: ["\u201C", quote, "\u201D"] }), _jsxs("div", { className: "flex items-center gap-3 mt-auto pt-2", children: [image && _jsx(ThemeImage, { src: image, alt: author, className: "w-8 h-8 rounded-full object-cover" }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: author }), (role || company) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: [role, role && company && ' · ', company] }))] })] })] }));
 }
-export function Testimonials({ title, description, columns = 3, children }) {
+export function Testimonials({ id, title, description, columns = 3, children }) {
     const gridCols = columns === 2 ? 'md:grid-cols-2' : 'md:grid-cols-2 lg:grid-cols-3';
-    return (_jsx(Section, { children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), _jsx("div", { className: `grid grid-cols-1 ${gridCols} gap-6`, children: children })] }) }));
+    return (_jsx(Section, { id: id, children: _jsxs("div", { className: "container-main", children: [(title || description) && (_jsxs("div", { className: "text-center mb-12", children: [title && _jsx("h2", { className: "text-3xl md:text-4xl font-bold text-foreground mb-4", children: title }), description && _jsx("p", { className: "text-lg text-muted-foreground max-w-2xl mx-auto", children: description })] })), _jsx("div", { className: `grid grid-cols-1 ${gridCols} gap-6`, children: children })] }) }));
 }
 //# sourceMappingURL=Testimonials.js.map

package/dist/marketing/Testimonials.js.map

@@ -1 +1 @@
-{"version":3,"file":"Testimonials.js","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAWxC,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAwB;IACnG,OAAO,CACL,eAAK,SAAS,EAAC,0FAA0F,aACtG,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,cAAc,YAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C,cAAa,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAC,WAAW,YAAC,eAAM,CAAC,EAAC,0VAA0V,GAAG,IAA1Z,CAAC,CAA+Z,CAC3a,CAAC,GACE,CACP,EACD,sBAAY,SAAS,EAAC,4CAA4C,uBAAS,KAAK,cAAqB,EACrG,eAAK,SAAS,EAAC,sCAAsC,aAClD,KAAK,IAAI,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,mCAAmC,GAAG,EACxF,0BACE,YAAG,SAAS,EAAC,uCAAuC,YAAE,MAAM,GAAK,EAChE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CACpB,aAAG,SAAS,EAAC,+BAA+B,aAAE,IAAI,EAAE,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE,OAAO,IAAK,CAC3F,IACG,IACF,IACF,CACP,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB;IAC3F,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAEpF,OAAO,CACL,KAAC,OAAO,cACN,eAAK,SAAS,EAAC,gBAAgB,aAC5B,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,iDAAiD,YAAE,WAAW,GAAK,IAC5F,CACP,EACD,cAAK,SAAS,EAAE,oBAAoB,QAAQ,QAAQ,YAAG,QAAQ,GAAO,IAClE,GACE,CACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Testimonials.js","sourceRoot":"","sources":["../../src/marketing/Testimonials.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAoB,MAAM,mBAAmB,CAAC;AAWjE,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAwB;IACnG,OAAO,CACL,eAAK,SAAS,EAAC,0FAA0F,aACtG,MAAM,IAAI,CACT,cAAK,SAAS,EAAC,cAAc,YAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5C,cAAa,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAC,WAAW,YAAC,eAAM,CAAC,EAAC,0VAA0V,GAAG,IAA1Z,CAAC,CAA+Z,CAC3a,CAAC,GACE,CACP,EACD,sBAAY,SAAS,EAAC,4CAA4C,uBAAS,KAAK,cAAqB,EACrG,eAAK,SAAS,EAAC,sCAAsC,aAClD,KAAK,IAAI,KAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,mCAAmC,GAAG,EAC/F,0BACE,YAAG,SAAS,EAAC,uCAAuC,YAAE,MAAM,GAAK,EAChE,CAAC,IAAI,IAAI,OAAO,CAAC,IAAI,CACpB,aAAG,SAAS,EAAC,+BAA+B,aAAE,IAAI,EAAE,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE,OAAO,IAAK,CAC3F,IACG,IACF,IACF,CACP,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,YAAY,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAqB;IAC/F,MAAM,QAAQ,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAEpF,OAAO,CACL,KAAC,OAAO,IAAC,EAAE,EAAE,EAAE,YACb,eAAK,SAAS,EAAC,gBAAgB,aAC5B,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,aAAI,SAAS,EAAC,qDAAqD,YAAE,KAAK,GAAM,EACzF,WAAW,IAAI,YAAG,SAAS,EAAC,iDAAiD,YAAE,WAAW,GAAK,IAC5F,CACP,EACD,cAAK,SAAS,EAAE,oBAAoB,QAAQ,QAAQ,YAAG,QAAQ,GAAO,IAClE,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/ui/theme-image.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type ImageSource = string | {
+    light: string;
+    dark: string;
+};
+interface ThemeImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
+    src: ImageSource;
+}
+export declare function ThemeImage({ src, className, ...props }: ThemeImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=theme-image.d.ts.map

package/dist/ui/theme-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-image.d.ts","sourceRoot":"","sources":["../../src/ui/theme-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACtF,GAAG,EAAE,WAAW,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUvE"}

package/dist/ui/theme-image.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+export function ThemeImage({ src, className, ...props }) {
+    if (typeof src === 'string') {
+        return _jsx("img", { src: src, className: className, ...props });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("img", { src: src.light, className: cn(className, 'dark:hidden'), ...props }), _jsx("img", { src: src.dark, className: cn(className, 'hidden dark:block'), ...props })] }));
+}
+//# sourceMappingURL=theme-image.js.map

package/dist/ui/theme-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-image.js","sourceRoot":"","sources":["../../src/ui/theme-image.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAQlC,MAAM,UAAU,UAAU,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmB;IACtE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAC;IAC5D,CAAC;IACD,OAAO,CACL,8BACE,cAAK,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,KAAM,KAAK,GAAI,EAC3E,cAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,mBAAmB,CAAC,KAAM,KAAK,GAAI,IAC/E,CACJ,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipsite.dev/components",
-  "version": "0.2.21",
+  "version": "0.2.22",
   "repository": {
     "type": "git",
     "url": "https://github.com/shipsite/shipsite",

package/src/blog/BlogArticle.tsx

@@ -8,6 +8,7 @@ interface BlogArticleAuthor {
 }
 
 interface BlogArticleProps {
+  id?: string;
   children: React.ReactNode;
   contentFolder?: string;
   date?: string;
@@ -15,9 +16,9 @@ interface BlogArticleProps {
   author?: BlogArticleAuthor;
 }
 
-export function BlogArticle({ children, author, date, readingTime }: BlogArticleProps) {
+export function BlogArticle({ id, children, author, date, readingTime }: BlogArticleProps) {
   return (
-    <BlogArticleClient author={author} date={date} readingTime={readingTime}>
+    <BlogArticleClient id={id} author={author} date={date} readingTime={readingTime}>
       {children}
     </BlogArticleClient>
   );

package/src/blog/BlogArticleClient.tsx

@@ -2,6 +2,7 @@
 
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { cn } from '../lib/utils';
+import { ThemeImage, type ImageSource } from '../ui/theme-image';
 
 interface TocItem {
   id: string;
@@ -12,10 +13,11 @@ interface TocItem {
 interface BlogArticleAuthor {
   name: string;
   role: string;
-  image: string;
+  image: ImageSource;
 }
 
 interface BlogArticleClientProps {
+  id?: string;
   children: React.ReactNode;
   author?: BlogArticleAuthor;
   date?: string;
@@ -23,6 +25,7 @@ interface BlogArticleClientProps {
 }
 
 export function BlogArticleClient({
+  id,
   children,
   author,
   date,
@@ -113,7 +116,7 @@ export function BlogArticleClient({
     : '';
 
   return (
-    <article className="py-12 md:py-20">
+    <article id={id} className="py-12 md:py-20">
       <div className="mx-auto w-full max-w-[76rem] px-[clamp(1rem,3vw,3rem)]">
         <div className="flex gap-10 lg:gap-16">
           {/* Main content */}
@@ -175,7 +178,7 @@ export function BlogArticleClient({
                   {tocItems.length > 0 && <hr className="border-border" />}
                   <div className="flex flex-col gap-3">
                     {author.image && (
-                      <img
+                      <ThemeImage
                         src={author.image}
                         alt={author.name}
                         className="w-12 h-12 rounded-full object-cover"

package/src/blog/BlogIndex.tsx

@@ -2,14 +2,15 @@ import React from 'react';
 import { Section } from '../ui/section';
 
 interface BlogIndexProps {
+  id?: string;
   title?: string;
   description?: string;
   children?: React.ReactNode;
 }
 
-export function BlogIndex({ title, description, children }: BlogIndexProps) {
+export function BlogIndex({ id, title, description, children }: BlogIndexProps) {
   return (
-    <Section>
+    <Section id={id}>
       <div className="container-main">
         {(title || description) && (
           <div className="text-center mb-12">

package/src/content/ContentPage.tsx

@@ -17,14 +17,15 @@ export function ContentSection({ title, children }: ContentSectionProps) {
 }
 
 interface ContentPageProps {
+  id?: string;
   title: string;
   lastUpdated?: string;
   children: React.ReactNode;
 }
 
-export function ContentPage({ title, lastUpdated, children }: ContentPageProps) {
+export function ContentPage({ id, title, lastUpdated, children }: ContentPageProps) {
   return (
-    <section className="py-12 md:py-20">
+    <section id={id} className="py-12 md:py-20">
       <div className="container-main max-w-3xl">
         <h1 className="text-3xl md:text-4xl font-bold text-foreground mb-2">{title}</h1>
         {lastUpdated && <p className="text-sm text-muted-foreground mb-8">Last updated: {lastUpdated}</p>}

package/src/index.ts

@@ -53,6 +53,10 @@ export { TabsSection, TabItem } from './marketing/TabsSection';
 export { BlogArticle } from './blog/BlogArticle';
 export { BlogIndex } from './blog/BlogIndex';
 
+// Image utilities
+export { ThemeImage } from './ui/theme-image';
+export type { ImageSource } from './ui/theme-image';
+
 // UI primitives
 export {
   Table,