@manta-eu/react 0.1.0

package/dist/components/rdf-insights/ProductProfitability.d.ts

@@ -0,0 +1,7 @@
+import type { ProductProfitabilityData } from "#lib/rdf/types";
+type ProductProfitabilityProps = {
+    data: ProductProfitabilityData;
+};
+export declare function ProductProfitability(props: ProductProfitabilityProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductProfitability.d.ts.map

package/dist/components/rdf-insights/ProductProfitability.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductProfitability.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/ProductProfitability.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,wBAAwB,CAAC;CAChC,CAAC;AAYF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAoIpE"}

package/dist/components/rdf-insights/ProductProfitability.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { DollarSign, Package, TrendingUp } from "lucide-react";
+import { isNotNil } from "ramda";
+import { InsightCardHeader } from "./InsightCardHeader.js";
+import { Badge } from "#components/badge/index";
+import { Card, CardContent, CardFooter } from "#components/card/index";
+import { Progress } from "#components/progress/index";
+import { cn } from "#lib/utils";
+function getMarginTier(marginPct) {
+    if (marginPct >= 50) {
+        return { label: "Excellent", className: "bg-success text-success-foreground" };
+    }
+    if (marginPct >= 30) {
+        return { label: "Good", className: "bg-warning text-warning-foreground" };
+    }
+    return { label: "Low", className: "bg-error text-error-foreground" };
+}
+export function ProductProfitability(props) {
+    const { data } = props;
+    const { products } = data;
+    const sortedProducts = [...products].sort((a, b) => b.grossProfitUsd - a.grossProfitUsd);
+    const totalRevenue = products.reduce((sum, p) => sum + p.revenueUsd, 0);
+    const totalCogs = products.reduce((sum, p) => sum + p.cogsUsd, 0);
+    const totalProfit = products.reduce((sum, p) => sum + p.grossProfitUsd, 0);
+    const avgMargin = (totalProfit / totalRevenue) * 100;
+    return (_jsxs(Card, { className: "shadow-none gap-4 py-4", children: [_jsx(InsightCardHeader, { icon: DollarSign, title: "Product Profitability", badge: _jsxs(Badge, { variant: "secondary", className: "typography-tiny shrink-0", children: [products.length, " ", products.length === 1 ? "Product" : "Products"] }) }), _jsx(CardContent, { className: "pt-4 space-y-4", children: sortedProducts.map((product, index) => {
+                    const tier = getMarginTier(product.grossMarginPct);
+                    const revenueShare = (product.revenueUsd / totalRevenue) * 100;
+                    return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "flex items-center gap-2", children: [index < 3 && (_jsx("div", { className: cn("flex size-5 items-center justify-center rounded-full typography-tiny-semibold shrink-0", index === 0 && "bg-rank-1 text-rank-1-foreground", index === 1 && "bg-rank-2 text-rank-2-foreground", index === 2 && "bg-rank-3 text-rank-3-foreground"), children: index + 1 })), _jsx("div", { className: "typography-small-medium truncate", children: product.productName || "Unknown Product" })] }) }), _jsxs(Badge, { variant: "secondary", className: cn("typography-tiny shrink-0", tier.className), children: [product.grossMarginPct.toFixed(1), "% ", tier.label] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3 pl-7", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Revenue" }), _jsxs("div", { className: "typography-small font-mono", children: ["$", product.revenueUsd.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "COGS" }), _jsxs("div", { className: "typography-small font-mono text-error-foreground", children: ["$", product.cogsUsd.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] }), _jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Profit" }), _jsxs("div", { className: "typography-small font-mono text-success-foreground", children: ["$", product.grossProfitUsd.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] })] }), _jsxs("div", { className: "space-y-1 pl-7", children: [_jsx(Progress, { value: revenueShare, className: "h-1.5" }), _jsxs("div", { className: "typography-tiny text-muted-foreground", children: [revenueShare.toFixed(1), "% of total revenue"] })] }), isNotNil(product.profitPerUnitUsd) && (_jsxs("div", { className: "flex items-center gap-1.5 pl-7 typography-tiny text-muted-foreground", children: [_jsx(Package, { className: "size-3" }), _jsxs("span", { children: ["$", product.profitPerUnitUsd.toFixed(2), " profit per unit"] })] })), isNotNil(product.marginEfficiencyScore) && (_jsxs("div", { className: "flex items-center gap-1.5 pl-7 typography-tiny text-muted-foreground", children: [_jsx(TrendingUp, { className: "size-3" }), _jsxs("span", { children: ["Efficiency score: ", product.marginEfficiencyScore.toFixed(2)] })] })), index < sortedProducts.length - 1 && _jsx("div", { className: "h-px bg-muted-border mt-3" })] }, product.uri));
+                }) }), _jsx(CardFooter, { className: "pt-0 border-t border-muted-border pt-4", children: _jsxs("div", { className: "flex flex-col items-start gap-2 w-full", children: [_jsxs("div", { className: "grid grid-cols-3 gap-4 w-full", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Total Revenue" }), _jsxs("div", { className: "typography-large-body-semibold font-mono", children: ["$", totalRevenue.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Total COGS" }), _jsxs("div", { className: "typography-large-body-semibold font-mono text-error-foreground", children: ["$", totalCogs.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Total Profit" }), _jsxs("div", { className: "typography-large-body-semibold font-mono text-success-foreground", children: ["$", totalProfit.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] })] }), _jsxs("div", { className: "typography-tiny text-muted-foreground w-full text-center pt-2", children: ["Average gross margin: ", _jsxs("span", { className: "typography-small-semibold", children: [avgMargin.toFixed(1), "%"] })] })] }) })] }));
+}

package/dist/components/rdf-insights/ProductSalesRanking.d.ts

@@ -0,0 +1,7 @@
+import type { ProductSalesRankingData } from "#lib/rdf/types";
+type ProductSalesRankingProps = {
+    data: ProductSalesRankingData;
+};
+export declare function ProductSalesRanking(props: ProductSalesRankingProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProductSalesRanking.d.ts.map

package/dist/components/rdf-insights/ProductSalesRanking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductSalesRanking.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/ProductSalesRanking.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAG9D,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,uBAAuB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAqGlE"}

package/dist/components/rdf-insights/ProductSalesRanking.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ShoppingCart, TrendingUp, Trophy } from "lucide-react";
+import { InsightCardHeader } from "./InsightCardHeader.js";
+import { Badge } from "#components/badge/index";
+import { Card, CardContent, CardFooter } from "#components/card/index";
+import { Progress } from "#components/progress/index";
+import { cn } from "#lib/utils";
+export function ProductSalesRanking(props) {
+    const { data } = props;
+    const { products } = data;
+    const totalRevenue = products.reduce((sum, p) => sum + p.totalRevenueUsd, 0);
+    const totalOrders = products.reduce((sum, p) => sum + p.orderCount, 0);
+    const maxRevenue = Math.max(...products.map((p) => p.totalRevenueUsd));
+    return (_jsxs(Card, { className: "shadow-none gap-4 py-4", children: [_jsx(InsightCardHeader, { icon: Trophy, title: "Top Products by Revenue", badge: _jsxs(Badge, { variant: "secondary", className: "typography-tiny shrink-0", children: [products.length, " ", products.length === 1 ? "Product" : "Products"] }) }), _jsx(CardContent, { className: "pt-4 space-y-4", children: products.map((product) => {
+                    const revenueShare = product.revenueSharePct ?? (product.totalRevenueUsd / totalRevenue) * 100;
+                    const barWidth = maxRevenue > 0 ? (product.totalRevenueUsd / maxRevenue) * 100 : 0;
+                    return (_jsxs("div", { className: cn("space-y-2 rounded-lg p-3", product.rank <= 3 && "bg-muted/50"), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex-1 min-w-0 flex items-center gap-2", children: [_jsx("div", { className: cn("flex size-6 items-center justify-center rounded-full typography-tiny-semibold shrink-0", product.rank === 1 && "bg-rank-1 text-rank-1-foreground", product.rank === 2 && "bg-rank-2 text-rank-2-foreground", product.rank === 3 && "bg-rank-3 text-rank-3-foreground", product.rank > 3 && "bg-muted text-muted-foreground"), children: product.rank }), _jsx("div", { className: "typography-small-medium truncate", children: product.productName || "Unknown Product" })] }), _jsxs("div", { className: "text-right shrink-0", children: [_jsxs("div", { className: "typography-small-semibold font-mono", children: ["$", product.totalRevenueUsd.toLocaleString("en-US", { maximumFractionDigits: 0 })] }), _jsxs("div", { className: "typography-tiny text-muted-foreground", children: [revenueShare.toFixed(1), "% of total"] })] })] }), _jsx("div", { className: "space-y-1", children: _jsx(Progress, { value: barWidth, className: "h-2" }) }), _jsxs("div", { className: "grid grid-cols-2 gap-3 typography-tiny", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [_jsx(ShoppingCart, { className: "size-3" }), _jsxs("span", { children: [product.orderCount.toLocaleString("en-US"), " ", product.orderCount === 1 ? "order" : "orders"] })] }), product.avgOrderValueUsd !== null && (_jsxs("div", { className: "flex items-center gap-1.5 text-muted-foreground", children: [_jsx(TrendingUp, { className: "size-3" }), _jsxs("span", { children: ["$", product.avgOrderValueUsd.toFixed(2), " AOV"] })] }))] })] }, product.uri));
+                }) }), _jsx(CardFooter, { className: "border-t border-muted-border pt-4", children: _jsxs("div", { className: "flex flex-col items-start gap-2 w-full", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 w-full", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Total Revenue" }), _jsxs("div", { className: "typography-large-body-semibold font-mono", children: ["$", totalRevenue.toLocaleString("en-US", { maximumFractionDigits: 0 })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Total Orders" }), _jsx("div", { className: "typography-large-body-semibold font-mono", children: totalOrders.toLocaleString("en-US") })] })] }), totalOrders > 0 && (_jsxs("div", { className: "typography-tiny text-muted-foreground w-full text-center pt-2", children: ["Average order value:", " ", _jsxs("span", { className: "typography-small-semibold", children: ["$", (totalRevenue / totalOrders).toFixed(2)] })] }))] }) })] }));
+}

package/dist/components/rdf-insights/ProductVariantsTable.d.ts

@@ -0,0 +1,7 @@
+import type { ProductVariantsData } from "#lib/rdf/types";
+type ProductVariantsTableProps = {
+    data: ProductVariantsData;
+};
+export declare function ProductVariantsTable(props: ProductVariantsTableProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=ProductVariantsTable.d.ts.map

package/dist/components/rdf-insights/ProductVariantsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductVariantsTable.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/ProductVariantsTable.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,mBAAmB,CAAC;CAC3B,CAAC;AAkCF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,kDAmGpE"}

package/dist/components/rdf-insights/ProductVariantsTable.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Circle, Package } from "lucide-react";
+import { isNotNil } from "ramda";
+import { InsightCardFooter } from "./InsightCardFooter.js";
+import { InsightCardHeader } from "./InsightCardHeader.js";
+import { Card, CardContent } from "#components/card/index";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "#components/table/index";
+import { formatMetric } from "#lib/rdf/insights";
+import { cn } from "#lib/utils";
+function getMarginColor(margin) {
+    if (margin === null)
+        return "text-muted-foreground";
+    if (margin >= 40)
+        return "text-success-foreground";
+    if (margin >= 20)
+        return "text-warning-foreground";
+    return "text-error-foreground";
+}
+function getMarginBgColor(margin) {
+    if (margin >= 40)
+        return "bg-success-foreground";
+    if (margin >= 20)
+        return "bg-warning-foreground";
+    return "bg-error-foreground";
+}
+function getMarginIconColor(margin) {
+    if (margin === null)
+        return "text-muted-foreground fill-muted-foreground";
+    if (margin >= 40)
+        return "text-success-foreground fill-success-foreground";
+    if (margin >= 20)
+        return "text-warning-foreground fill-warning-foreground";
+    return "text-error-foreground fill-error-foreground";
+}
+function getStockIconColor(inventory) {
+    if (inventory == null || inventory === 0)
+        return "text-error-foreground fill-error-foreground";
+    if (inventory < 10)
+        return "text-warning-foreground fill-warning-foreground";
+    return "text-success-foreground fill-success-foreground";
+}
+function getStockText(inventory) {
+    if (inventory == null || inventory === 0)
+        return "Out of Stock";
+    if (inventory < 10)
+        return "Low Stock";
+    return "In Stock";
+}
+export function ProductVariantsTable(props) {
+    const { data } = props;
+    if (!isPresent(data.variants))
+        return null;
+    const totalInventory = data.variants.reduce((sum, v) => sum + (v.inventory || 0), 0);
+    const avgMargin = data.variants.reduce((sum, v) => sum + (v.marginPct || 0), 0) / data.variants.length;
+    return (_jsxs(Card, { className: "shadow-none gap-4 py-4", children: [_jsx(InsightCardHeader, { icon: Package, title: `Product Variants (${data.variants.length})` }), _jsxs(CardContent, { className: "pt-4", children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[200px]", children: "Variant Name" }), _jsx(TableHead, { children: "SKU" }), _jsx(TableHead, { children: "Price" }), _jsx(TableHead, { children: "Cost" }), _jsx(TableHead, { className: "w-[200px]", children: "Margin %" }), _jsx(TableHead, { children: "Inventory" })] }) }), _jsx(TableBody, { children: data.variants.map((variant) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("div", { className: "typography-small-medium", children: variant.variantName || "Default" }), variant.productName && (_jsx("div", { className: "typography-tiny text-muted-foreground", children: variant.productName }))] }), _jsx(TableCell, { className: "font-mono typography-tiny text-muted-foreground", children: variant.sku || "—" }), _jsx(TableCell, { className: "font-mono", children: isNotNil(variant.price) ? (_jsxs(_Fragment, { children: [variant.compareAtPrice && variant.compareAtPrice > variant.price && (_jsx("div", { className: "typography-tiny text-muted-foreground line-through", children: formatMetric(variant.compareAtPrice, "currency") })), _jsx("div", { children: formatMetric(variant.price, "currency") })] })) : ("—") }), _jsx(TableCell, { className: "font-mono", children: isNotNil(variant.cost) ? formatMetric(variant.cost, "currency") : "—" }), _jsx(TableCell, { children: isNotNil(variant.marginPct) ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Circle, { className: cn("size-2", getMarginIconColor(variant.marginPct)) }), _jsxs("span", { className: cn("font-mono typography-small-semibold", getMarginColor(variant.marginPct)), children: [variant.marginPct.toFixed(0), "%"] }), _jsx("div", { className: "flex-1 h-2 bg-muted rounded-full overflow-hidden", children: _jsx("div", { className: cn("h-full transition-all", getMarginBgColor(variant.marginPct)), style: { width: `${Math.min(variant.marginPct, 100)}%` } }) })] })) : ("—") }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Circle, { className: cn("size-2", getStockIconColor(variant.inventory)) }), _jsxs("div", { children: [_jsx("div", { className: "font-mono typography-small-semibold", children: variant.inventory !== null ? variant.inventory : "—" }), variant.inventory !== null && (_jsx("div", { className: "typography-tiny text-muted-foreground", children: getStockText(variant.inventory) }))] })] }) })] }, variant.uri))) })] }), _jsx(InsightCardFooter, { left: `${data.variants.length} variants · Avg margin: ${avgMargin.toFixed(1)}%`, right: `Total inventory: ${totalInventory} units` })] })] }));
+}

package/dist/components/rdf-insights/RoasBenchmark.d.ts

@@ -0,0 +1,7 @@
+import type { RoasBenchmarkData } from "#lib/rdf/types";
+type RoasBenchmarkProps = {
+    data: RoasBenchmarkData;
+};
+export declare function RoasBenchmark(props: RoasBenchmarkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RoasBenchmark.d.ts.map

package/dist/components/rdf-insights/RoasBenchmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoasBenchmark.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/RoasBenchmark.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0HtD"}

package/dist/components/rdf-insights/RoasBenchmark.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { BarChart3, TrendingUp } from "lucide-react";
+import { InsightCardHeader } from "./InsightCardHeader.js";
+import { Badge } from "#components/badge/index";
+import { Card, CardContent, CardFooter } from "#components/card/index";
+export function RoasBenchmark(props) {
+    const { data } = props;
+    const { benchmarks } = data;
+    return (_jsxs(Card, { className: "shadow-none gap-4 py-4", children: [_jsx(InsightCardHeader, { icon: BarChart3, title: "ROAS Benchmarks", badge: _jsxs(Badge, { variant: "secondary", className: "typography-tiny shrink-0", children: [benchmarks.length, " ", benchmarks.length === 1 ? "Channel" : "Channels"] }) }), _jsx(CardContent, { className: "pt-4 space-y-4", children: benchmarks.map((benchmark) => {
+                    const channel = benchmark.campaignChannel || "Unknown Channel";
+                    const median = benchmark.medianRoas || benchmark.avgRoas;
+                    const p25 = benchmark.percentile25Roas;
+                    const p75 = benchmark.percentile75Roas;
+                    const blended = benchmark.avgBlendedRoas || benchmark.medianBlendedRoas;
+                    const hasPercentiles = p25 !== null && p75 !== null && median !== null;
+                    const range = hasPercentiles ? p75 - p25 : null;
+                    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("div", { className: "typography-small-semibold", children: channel }) }), median !== null && (_jsxs("div", { className: "text-right", children: [_jsx("div", { className: "typography-tiny text-muted-foreground", children: "Median ROAS" }), _jsxs("div", { className: "typography-large-body-semibold font-mono", children: [median.toFixed(2), "x"] })] }))] }), hasPercentiles && range !== null && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "relative h-8 bg-muted rounded-lg overflow-hidden", children: _jsx("div", { className: "absolute inset-y-0 left-0 right-0 flex items-center px-2", children: _jsxs("div", { className: "w-full relative", children: [_jsx("div", { className: "h-6 bg-gradient-to-r from-primary/50 via-primary to-primary/50 rounded", style: {
+                                                            marginLeft: `${(p25 / (p75 + 1)) * 100}%`,
+                                                            width: `${(range / (p75 + 1)) * 100}%`,
+                                                        } }), _jsx("div", { className: "absolute top-0 bottom-0 w-0.5 bg-default-foreground", style: {
+                                                            left: `${((median - p25) / range) * 100}%`,
+                                                        } })] }) }) }), _jsxs("div", { className: "grid grid-cols-3 gap-2 typography-tiny", children: [_jsxs("div", { className: "text-left", children: [_jsx("div", { className: "text-muted-foreground/70", children: "25th percentile" }), _jsxs("div", { className: "typography-small-semibold font-mono", children: [p25.toFixed(2), "x"] })] }), _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "text-muted-foreground/70", children: "Median" }), _jsxs("div", { className: "typography-small-semibold font-mono", children: [median.toFixed(2), "x"] })] }), _jsxs("div", { className: "text-right", children: [_jsx("div", { className: "text-muted-foreground/70", children: "75th percentile" }), _jsxs("div", { className: "typography-small-semibold font-mono", children: [p75.toFixed(2), "x"] })] })] })] })), _jsxs("div", { className: "grid grid-cols-2 gap-3 pt-2", children: [benchmark.avgRoas !== null && (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Average ROAS" }), _jsxs("div", { className: "typography-small font-mono", children: [benchmark.avgRoas.toFixed(2), "x"] })] })), benchmark.stddevRoas !== null && (_jsxs("div", { className: "space-y-0.5", children: [_jsx("div", { className: "typography-tiny-medium tracking-wide text-muted-foreground/70 uppercase", children: "Std Deviation" }), _jsxs("div", { className: "typography-small font-mono", children: ["\u00B1", benchmark.stddevRoas.toFixed(2)] })] }))] }), blended !== null && (_jsxs("div", { className: "flex items-center gap-2 p-2 bg-muted/50 rounded-md", children: [_jsx(TrendingUp, { className: "size-3.5 text-muted-foreground" }), _jsxs("div", { className: "typography-tiny", children: [_jsx("span", { className: "text-muted-foreground", children: "Blended ROAS: " }), _jsxs("span", { className: "typography-small-semibold font-mono", children: [blended.toFixed(2), "x"] })] })] })), benchmark !== benchmarks[benchmarks.length - 1] && _jsx("div", { className: "h-px bg-muted-border mt-4" })] }, benchmark.uri));
+                }) }), _jsx(CardFooter, { className: "pt-0 border-t border-muted-border pt-4", children: _jsx("div", { className: "typography-tiny text-muted-foreground text-center w-full", children: "Benchmarks show industry-wide performance distribution by advertising channel" }) })] }));
+}

package/dist/components/rdf-insights/SparqlResultsTable.d.ts

@@ -0,0 +1,8 @@
+import type { SparqlJsonResults, SparqlValue } from "@manta-eu/client/shared/tools";
+type SparqlResultsTableProps = {
+    results: SparqlJsonResults;
+};
+export declare function formatValue(binding: SparqlValue): string;
+export declare function SparqlResultsTable(props: SparqlResultsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SparqlResultsTable.d.ts.map

package/dist/components/rdf-insights/SparqlResultsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparqlResultsTable.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/SparqlResultsTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAKpF,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAKxD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8BhE"}

package/dist/components/rdf-insights/SparqlResultsTable.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { compactUri } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { match } from "ts-pattern";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "#components/table/index";
+export function formatValue(binding) {
+    return match(binding)
+        .with({ type: "uri" }, ({ value }) => compactUri(value))
+        .with({ type: "bnode" }, ({ value }) => `_:${value}`)
+        .otherwise(({ value }) => value);
+}
+export function SparqlResultsTable(props) {
+    const { results } = props;
+    const vars = results.head.vars ?? [];
+    const bindings = results.results.bindings;
+    if (!isPresent(bindings) || !isPresent(vars)) {
+        return _jsx("div", { className: "typography-small text-muted-foreground p-4", children: "No results" });
+    }
+    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: vars.map((v) => (_jsx(TableHead, { children: v }, v))) }) }), _jsx(TableBody, { children: bindings.map((row, i) => (_jsx(TableRow, { children: vars.map((v) => {
+                        const binding = row[v];
+                        return _jsx(TableCell, { children: binding ? formatValue(binding) : "" }, v);
+                    }) }, i))) })] }));
+}

package/dist/components/rdf-insights/extractEntityRelationTreeRoots.d.ts

@@ -0,0 +1,8 @@
+import type { JsonLdGraphDocument } from "@manta-eu/client/types/jsonld";
+import type { EntityRelationTreeRoot } from "./EntityRelationTreeInsight.js";
+/**
+ * Candidate roots for the entity-relation tree insight. Membership is decided at render time
+ * against live `:ConnectedAccount schema:sameAs` IRIs (not a hardcoded type list).
+ */
+export declare function extractEntityRelationTreeRoots(jsonLd: JsonLdGraphDocument): EntityRelationTreeRoot[];
+//# sourceMappingURL=extractEntityRelationTreeRoots.d.ts.map

package/dist/components/rdf-insights/extractEntityRelationTreeRoots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractEntityRelationTreeRoots.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/extractEntityRelationTreeRoots.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAG1E;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,mBAAmB,GAAG,sBAAsB,EAAE,CAcpG"}

package/dist/components/rdf-insights/extractEntityRelationTreeRoots.js

@@ -0,0 +1,19 @@
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { getNodeId, getNodeTypes } from "@manta-eu/client/types/jsonld";
+import { getString } from "#lib/rdf/index";
+/**
+ * Candidate roots for the entity-relation tree insight. Membership is decided at render time
+ * against live `:ConnectedAccount schema:sameAs` IRIs (not a hardcoded type list).
+ */
+export function extractEntityRelationTreeRoots(jsonLd) {
+    const roots = [];
+    for (const node of jsonLd["@graph"]) {
+        const iri = getNodeId(node);
+        if (!iri)
+            continue;
+        const typeIri = getNodeTypes(node).map(expandPrefix)[0];
+        const label = getString(node, "schema:name") || getString(node, "rdfs:label") || iri;
+        roots.push({ iri: expandPrefix(iri), label, typeIri });
+    }
+    return roots;
+}

package/dist/components/rdf-insights/useExtractedInsights.d.ts

@@ -0,0 +1,17 @@
+import type { JsonLdGraphDocument } from "@manta-eu/client/types/jsonld";
+export declare function useExtractedInsights(jsonLd: JsonLdGraphDocument): {
+    productProfitability: import("../../lib/rdf/types.js").ProductProfitabilityData | null;
+    productSalesRanking: import("../../lib/rdf/types.js").ProductSalesRankingData | null;
+    campaignPerformance: import("../../lib/rdf/types.js").CampaignPerformanceSummaryData | null;
+    roasBenchmark: import("../../lib/rdf/types.js").RoasBenchmarkData | null;
+    metaDailyInsights: import("../../lib/rdf/types.js").MetaDailyInsightsData | null;
+    dailyPerformance: import("../../lib/rdf/types.js").DailyPerformanceData | null;
+    campaignChannelMix: import("../../lib/rdf/types.js").CampaignChannelMixData | null;
+    productVariants: import("../../lib/rdf/types.js").ProductVariantsData | null;
+    campaignGrid: import("../../lib/rdf/types.js").CampaignGridData | null;
+    product: import("../../lib/rdf/types.js").Product | null;
+    kpis: import("../../lib/rdf/types.js").CompanyKpis | null;
+    entityRelationTree: import("./EntityRelationTreeInsight.js").EntityRelationTreeRoot[];
+    hasExtractableInsights: boolean;
+};
+//# sourceMappingURL=useExtractedInsights.d.ts.map

package/dist/components/rdf-insights/useExtractedInsights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtractedInsights.d.ts","sourceRoot":"","sources":["../../../src/components/rdf-insights/useExtractedInsights.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AA8DzE,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,mBAAmB;;;;;;;;;;;;;;EAsD/D"}

package/dist/components/rdf-insights/useExtractedInsights.js

@@ -0,0 +1,78 @@
+import { expandPrefix } from "@manta-eu/client/shared/rdf-namespaces";
+import { getNodeTypes } from "@manta-eu/client/types/jsonld";
+import { m, meta } from "@manta-eu/rdf-lib/namespaces";
+import { flatten, uniq } from "ramda";
+import { useMemo } from "react";
+import { extractEntityRelationTreeRoots } from "./extractEntityRelationTreeRoots.js";
+import { extractCampaignChannelMix, extractCampaignGrid, extractCampaignPerformanceSummary, extractCompanyKpis, extractDailyPerformance, extractMetaDailyInsights, extractProduct, extractProductProfitability, extractProductSalesRanking, extractProductVariants, extractRoasBenchmark, } from "#lib/rdf/index";
+const typeToExtractors = {
+    [m.ProductProfitability]: ["productProfitability"],
+    [m.ProductSalesRanking]: ["productSalesRanking"],
+    [m.CampaignPerformanceSummary]: ["campaignPerformance"],
+    [m.CampaignChannelBenchmark]: ["roasBenchmark"],
+    [meta.CampaignDailyCumulativeInsights]: ["metaDailyInsights"],
+    [m.BlendedPerformanceDaily]: ["dailyPerformance"],
+    [meta.Campaign]: ["campaignChannelMix", "campaignGrid"],
+    [m.ProductVariant]: ["productVariants"],
+    [m.Product]: ["product"],
+    [m.CompanyKPISnapshot]: ["kpis"],
+};
+function collectTypes(jsonLd) {
+    return new Set(flatten(jsonLd["@graph"].map((node) => getNodeTypes(node).map(expandPrefix))));
+}
+function getRequiredExtractors(types) {
+    return new Set(uniq(flatten(Object.entries(typeToExtractors)
+        .filter(([typeUri]) => types.has(typeUri))
+        .map(([, extractorKeys]) => extractorKeys))));
+}
+export function useExtractedInsights(jsonLd) {
+    return useMemo(() => {
+        const presentTypes = collectTypes(jsonLd);
+        const requiredExtractors = getRequiredExtractors(presentTypes);
+        const productProfitability = requiredExtractors.has("productProfitability")
+            ? extractProductProfitability(jsonLd)
+            : null;
+        const productSalesRanking = requiredExtractors.has("productSalesRanking")
+            ? extractProductSalesRanking(jsonLd)
+            : null;
+        const campaignPerformance = requiredExtractors.has("campaignPerformance")
+            ? extractCampaignPerformanceSummary(jsonLd)
+            : null;
+        const roasBenchmark = requiredExtractors.has("roasBenchmark") ? extractRoasBenchmark(jsonLd) : null;
+        const metaDailyInsights = requiredExtractors.has("metaDailyInsights") ? extractMetaDailyInsights(jsonLd) : null;
+        const dailyPerformance = requiredExtractors.has("dailyPerformance") ? extractDailyPerformance(jsonLd) : null;
+        const campaignChannelMix = requiredExtractors.has("campaignChannelMix") ? extractCampaignChannelMix(jsonLd) : null;
+        const productVariants = requiredExtractors.has("productVariants") ? extractProductVariants(jsonLd) : null;
+        const campaignGrid = requiredExtractors.has("campaignGrid") ? extractCampaignGrid(jsonLd) : null;
+        const product = requiredExtractors.has("product") ? extractProduct(jsonLd) : null;
+        const kpis = requiredExtractors.has("kpis") ? extractCompanyKpis(jsonLd) : null;
+        // Candidates only — EntityRelationTreeInsight filters against live connected-account IRIs.
+        const entityRelationTree = extractEntityRelationTreeRoots(jsonLd);
+        const hasExtractableInsights = productProfitability ||
+            productSalesRanking ||
+            campaignPerformance ||
+            roasBenchmark ||
+            metaDailyInsights ||
+            dailyPerformance ||
+            campaignChannelMix ||
+            productVariants ||
+            campaignGrid ||
+            product ||
+            kpis;
+        return {
+            productProfitability,
+            productSalesRanking,
+            campaignPerformance,
+            roasBenchmark,
+            metaDailyInsights,
+            dailyPerformance,
+            campaignChannelMix,
+            productVariants,
+            campaignGrid,
+            product,
+            kpis,
+            entityRelationTree,
+            hasExtractableInsights: Boolean(hasExtractableInsights),
+        };
+    }, [jsonLd]);
+}

package/dist/components/rdfox-explain/OutdatedFactNotice.d.ts

@@ -0,0 +1,8 @@
+import { type NamedFactSpo } from "#ldo-ui";
+export type OutdatedFactNoticeProps = {
+    spo: NamedFactSpo;
+    onShowCurrent: () => void;
+    className?: string;
+};
+export declare function OutdatedFactNotice(props: OutdatedFactNoticeProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=OutdatedFactNotice.d.ts.map

package/dist/components/rdfox-explain/OutdatedFactNotice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutdatedFactNotice.d.ts","sourceRoot":"","sources":["../../../src/components/rdfox-explain/OutdatedFactNotice.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvD,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,YAAY,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,kDAqChE"}

package/dist/components/rdfox-explain/OutdatedFactNotice.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GQLFactValueStatus, useCurrentFactValueQuery } from "@manta-eu/client";
+import { History } from "lucide-react";
+import { Banner } from "#components/banner/index";
+import { FactValue } from "#ldo-ui";
+import { useMantaClient } from "#providers/MantaClientProvider";
+const factValueStaleTimeMs = 5 * 60 * 1000;
+export function OutdatedFactNotice(props) {
+    const { spo, onShowCurrent, className } = props;
+    const { mantaClient } = useMantaClient();
+    const { data } = useCurrentFactValueQuery(mantaClient, spo, { staleTime: factValueStaleTimeMs });
+    const currentFactValue = data?.currentFactValue;
+    if (currentFactValue?.status === GQLFactValueStatus.Removed) {
+        return (_jsx(Banner, { size: "loose", type: "warning", icon: History, label: "This fact no longer holds", description: "The graph has no value for it anymore.", className: className }));
+    }
+    if (currentFactValue?.status !== GQLFactValueStatus.Changed)
+        return null;
+    return (_jsx(Banner, { size: "loose", type: "warning", icon: History, label: "This value changed since the explanation", description: currentFactValue.currentObject && _jsx(FactValue, { value: currentFactValue.currentObject, predicate: spo.predicate }), actionLabel: "Show current", onAction: onShowCurrent, className: className }));
+}

package/dist/components/rdfox-explain/RDFoxExplain.d.ts

@@ -0,0 +1,16 @@
+import { type RDFoxExplainOutput } from "#ldo-ui";
+export type { RDFoxExplainOutput };
+export type RDFoxExplainBaseProps = {
+    mode: "compact" | "full";
+    subject: string;
+    predicate?: string;
+    object: string;
+    namedGraph?: string;
+    objectDatatype?: string;
+    className?: string;
+};
+export type RDFoxExplainProps = RDFoxExplainBaseProps & {
+    data?: RDFoxExplainOutput;
+};
+export declare function RDFoxExplain(props: RDFoxExplainProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RDFoxExplain.d.ts.map

package/dist/components/rdfox-explain/RDFoxExplain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RDFoxExplain.d.ts","sourceRoot":"","sources":["../../../src/components/rdfox-explain/RDFoxExplain.tsx"],"names":[],"mappings":"AAKA,OAAO,EAUL,KAAK,kBAAkB,EAGxB,MAAM,SAAS,CAAC;AAGjB,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IAAE,IAAI,CAAC,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAEtF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}

package/dist/components/rdfox-explain/RDFoxExplain.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useExplainRdFoxFactQuery } from "@manta-eu/client";
+import { ChevronRight } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Link } from "react-router";
+import { OutdatedFactNotice } from "./OutdatedFactNotice.js";
+import { buildExplainPath, ExplainCompactView, ExplainFullView, ExplainRouteMessage, ExplainRouteSkeleton, isRDFoxExplainOutput, normalize, RDFoxExplainState, SubstitutedFactNotice, } from "#ldo-ui";
+import { useMantaClient } from "#providers/MantaClientProvider";
+export function RDFoxExplain(props) {
+    const { data, ...rest } = props;
+    const [showCurrent, setShowCurrent] = useState(false);
+    if (data && !showCurrent) {
+        return _jsx(RDFoxExplainFromData, { ...rest, data: data, onShowCurrent: () => setShowCurrent(true) });
+    }
+    return _jsx(RDFoxExplainFromFetch, { ...rest });
+}
+function RDFoxExplainFromFetch(props) {
+    const { mode, subject, predicate, object, namedGraph, objectDatatype, className } = props;
+    const { mantaClient } = useMantaClient();
+    const queryResult = useExplainRdFoxFactQuery(mantaClient, {
+        subject,
+        predicate,
+        object,
+        namedGraph,
+        objectDatatype,
+        summarize: false,
+    });
+    const isFull = mode === "full";
+    if (queryResult.isLoading) {
+        if (isFull)
+            return _jsx(ExplainRouteSkeleton, { className: className });
+        return _jsx(RDFoxExplainState, { className: className, title: "Loading RDFox explanation..." });
+    }
+    const error = queryResult.error;
+    const response = queryResult.data?.explainRDFoxFact;
+    if (error || response?.error) {
+        const detail = error instanceof Error ? error.message : (response?.error ?? undefined);
+        if (isFull) {
+            return (_jsx(ExplainRouteMessage, { className: className, variant: "error", title: "Could not load this explanation", detail: detail }));
+        }
+        return _jsx(RDFoxExplainState, { className: className, title: "Could not load RDFox explanation", detail: detail });
+    }
+    if (!response || !isRDFoxExplainOutput(response.facts)) {
+        if (isFull) {
+            return (_jsx(ExplainRouteMessage, { className: className, variant: "empty", title: "No explanation available", detail: "This fact has no recorded derivation to show." }));
+        }
+        return _jsx(RDFoxExplainState, { className: className, title: "No RDFox explanation returned" });
+    }
+    return _jsx(RDFoxExplainFromData, { ...props, data: response.facts });
+}
+function RDFoxExplainFromData(props) {
+    const { mode, data, subject, predicate, object, namedGraph, objectDatatype, onShowCurrent, className } = props;
+    const tree = useMemo(() => normalize(data), [data]);
+    const [displayMode, setDisplayMode] = useState("labels");
+    if (!tree) {
+        if (mode === "full") {
+            return (_jsx(ExplainRouteMessage, { className: className, variant: "empty", title: "No proof tree for this fact", detail: "It may be an explicit fact with no derivation to walk." }));
+        }
+        return _jsx(RDFoxExplainState, { className: className, title: "No proof tree available for this fact" });
+    }
+    const subjectTerm = tree.root.spo?.subject ?? subject;
+    if (mode === "compact") {
+        const requestedSpo = { subject, predicate, object, namedGraph, objectDatatype };
+        const snapshotSpo = tree.root.spo
+            ? { ...tree.root.spo, ...(namedGraph && { namedGraph }) }
+            : requestedSpo;
+        return (_jsx(ExplainCompactView, { substitutedFactNotice: _jsx(SubstitutedFactNotice, { requested: requestedSpo, explained: tree.root.spo }), tree: tree, mode: displayMode, onModeChange: setDisplayMode, subjectTerm: subjectTerm, explainLink: _jsxs(Link, { to: buildExplainPath(requestedSpo), className: "inline-flex shrink-0 items-center gap-1.5 typography-tiny-medium text-primary hover:text-primary-hover", children: ["Open full explanation", _jsx(ChevronRight, { className: "size-3" })] }), outdatedFactNotice: onShowCurrent && _jsx(OutdatedFactNotice, { spo: snapshotSpo, onShowCurrent: onShowCurrent }), className: className }));
+    }
+    return (_jsx(ExplainFullView, { substitutedFactNotice: _jsx(SubstitutedFactNotice, { requested: { subject, predicate, object }, explained: tree.root.spo }), tree: tree, mode: displayMode, onModeChange: setDisplayMode, subjectTerm: subjectTerm, className: className }));
+}

package/dist/components/resizable/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps, ForwardRefExoticComponent, RefAttributes } from "react";
+import type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
+import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";
+export type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
+export type ResizablePanelGroupProps = ComponentProps<typeof PanelGroup>;
+export type ResizablePanelProps = ComponentProps<typeof Panel>;
+export declare const ResizablePanelGroup: ForwardRefExoticComponent<ResizablePanelGroupProps & RefAttributes<ImperativePanelGroupHandle>>;
+export declare const ResizablePanel: ForwardRefExoticComponent<ResizablePanelProps & RefAttributes<ImperativePanelHandle>>;
+export type ResizableHandleProps = ComponentProps<typeof PanelResizeHandle> & {
+    withHandle?: boolean;
+};
+export declare function ResizableHandle(props: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resizable/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAG9E,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEhG,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CACzD,wBAAwB,GAAG,aAAa,CAAC,0BAA0B,CAAC,CAapE,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,yBAAyB,CAAC,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,CAG7G,CAAC;AAEL,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwC1D"}

package/dist/components/resizable/index.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GripVerticalIcon } from "lucide-react";
+import { forwardRef } from "react";
+import { PanelGroup, Panel, PanelResizeHandle } from "react-resizable-panels";
+import { cn } from "#style";
+export const ResizablePanelGroup = forwardRef(function ResizablePanelGroup({ className, ...props }, ref) {
+    return (_jsx(PanelGroup, { className: cn("flex h-full w-full touch-manipulation data-[panel-group-direction=vertical]:flex-col", className), "data-slot": "resizable-panel-group", ref: ref, ...props }));
+});
+export const ResizablePanel = forwardRef(function ResizablePanel(props, ref) {
+    return _jsx(Panel, { "data-slot": "resizable-panel", ref: ref, ...props });
+});
+export function ResizableHandle(props) {
+    const { withHandle, className, ...otherProps } = props;
+    return (_jsx(PanelResizeHandle, { "aria-label": otherProps["aria-label"] ?? "Resize panel", 
+        // TODO: this is ridiculous, add a CSS class for this
+        className: cn("after:-translate-x-1/2 data-[panel-group-direction=vertical]:after:-translate-y-1/2", "relative flex w-px touch-manipulation select-none items-center justify-center", "bg-muted-border after:absolute after:inset-y-0 after:left-1/2 after:w-1", "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-active-border", "focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px", "data-[panel-group-direction=vertical]:w-full", "data-[panel-group-direction=horizontal]:cursor-col-resize", "data-[panel-group-direction=vertical]:cursor-row-resize data-[panel-group-direction=vertical]:after:left-0", "data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full", "data-[panel-group-direction=vertical]:after:translate-x-0", "[&[data-panel-group-direction=vertical]>div]:rotate-90", className), "data-slot": "resizable-handle", ...otherProps, children: withHandle && (_jsx("div", { className: cn("group z-10 flex h-4 w-3 items-center justify-center rounded-xs", "border border-muted-border/20 bg-muted-border hover:border-muted-border/50"), children: _jsx(GripVerticalIcon, { "aria-hidden": "true", className: "size-2.5 text-default-foreground/50 group-hover:text-default-foreground", strokeWidth: 1 }) })) }));
+}

package/dist/components/resize-handle/index.d.ts

@@ -0,0 +1,10 @@
+import type { MouseEvent } from "react";
+export type ResizeHandleProps = {
+    side: "left" | "right";
+    ariaLabel: string;
+    onResizeStart: (event: MouseEvent<HTMLDivElement>) => void;
+    onReset?: () => void;
+    className?: string;
+};
+export declare function ResizeHandle(props: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/resize-handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/resize-handle/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA8BpD"}

package/dist/components/resize-handle/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { GripVerticalIcon } from "lucide-react";
+import { cn } from "#style";
+export function ResizeHandle(props) {
+    const { side, ariaLabel, onResizeStart, onReset, className } = props;
+    return (_jsxs("div", { tabIndex: 0, role: "separator", "aria-orientation": "vertical", "aria-label": ariaLabel, onMouseDown: onResizeStart, onDoubleClick: onReset, title: onReset ? "Drag to resize · double-click to reset" : "Drag to resize", className: cn("group absolute inset-y-0 flex w-4 cursor-col-resize touch-none select-none items-center justify-center", side === "right" ? "-right-2" : "-left-2", className), children: [_jsx("span", { "aria-hidden": "true", className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-default-border transition-colors group-hover:bg-primary group-active:bg-primary" }), _jsx("span", { "aria-hidden": "true", className: "relative flex h-8 w-4 items-center justify-center rounded-full border border-default-border bg-accent text-default-foreground shadow-sm transition-all duration-150 group-hover:border-primary group-hover:text-primary group-active:border-primary group-active:text-primary", children: _jsx(GripVerticalIcon, { "aria-hidden": "true", className: "size-3.5", strokeWidth: 1.75 }) })] }));
+}

package/dist/components/review-cta/index.d.ts

@@ -0,0 +1,12 @@
+export type ReviewCtaProps = {
+    title: string;
+    subtitle: string;
+    onClick: () => void;
+    className?: string;
+    dataTestId?: string;
+    subtitleClassName?: string;
+    leadingContainerClassName?: string;
+    trailingContainerClassName?: string;
+};
+export declare function ReviewCta(props: ReviewCtaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/review-cta/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/review-cta/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;CACrC,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAgC9C"}