@xemahq/ui-kernel 0.6.0 → 0.7.0

package/dist/ui/charts/donut-chart.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DonutChart = DonutChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chart_frame_1 = require("./chart-frame");
+const chart_utils_1 = require("./chart-utils");
+const SIZE = 200;
+const CX = SIZE / 2;
+const CY = SIZE / 2;
+const R_OUTER = 90;
+const R_INNER = 56;
+const FULL = Math.PI * 2;
+function polar(radius, angle) {
+    return [CX + radius * Math.sin(angle), CY - radius * Math.cos(angle)];
+}
+function slicePath(start, end) {
+    const [ox1, oy1] = polar(R_OUTER, start);
+    const [ox2, oy2] = polar(R_OUTER, end);
+    const [ix2, iy2] = polar(R_INNER, end);
+    const [ix1, iy1] = polar(R_INNER, start);
+    const largeArc = end - start > Math.PI ? 1 : 0;
+    return [
+        `M ${ox1} ${oy1}`,
+        `A ${R_OUTER} ${R_OUTER} 0 ${largeArc} 1 ${ox2} ${oy2}`,
+        `L ${ix2} ${iy2}`,
+        `A ${R_INNER} ${R_INNER} 0 ${largeArc} 0 ${ix1} ${iy1}`,
+        'Z',
+    ].join(' ');
+}
+function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
+    const format = formatValue ?? chart_utils_1.defaultFormatValue;
+    const slices = data.filter((d) => Number.isFinite(d.value) && d.value > 0);
+    const total = slices.reduce((sum, d) => sum + d.value, 0);
+    if (slices.length === 0 || total <= 0) {
+        return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartEmpty, { title: title, label: emptyLabel, className: className });
+    }
+    const legend = slices.map((d, i) => ({
+        label: d.label,
+        value: `${format(d.value)} (${Math.round((d.value / total) * 100)}%)`,
+        color: (0, chart_utils_1.chartColorAt)(i, d.color),
+    }));
+    const summaryPoints = slices.map((d) => ({ label: d.label, value: d.value }));
+    const summary = ariaLabel ?? (0, chart_utils_1.buildAriaSummary)(title, summaryPoints, format, 'slice');
+    let cursor = 0;
+    const arcs = slices.map((d, i) => {
+        const start = cursor;
+        const sweep = slices.length === 1 ? FULL - 1e-3 : (d.value / total) * FULL;
+        const end = start + sweep;
+        cursor = end;
+        return { path: slicePath(start, end), color: (0, chart_utils_1.chartColorAt)(i, d.color), key: `${d.label}-${i}` };
+    });
+    const plot = ((0, jsx_runtime_1.jsxs)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${SIZE} ${SIZE}`, preserveAspectRatio: "xMidYMid meet", className: "mx-auto block h-auto w-full max-w-[240px] text-ink-4", children: [arcs.map((a) => ((0, jsx_runtime_1.jsx)("path", { d: a.path, fill: a.color, stroke: "var(--card, transparent)", strokeWidth: 1 }, a.key))), (0, jsx_runtime_1.jsx)("text", { x: CX, y: CY, textAnchor: "middle", dominantBaseline: "middle", fontSize: 20, fontWeight: 600, fill: "currentColor", className: "text-ink", children: format(total) })] }));
+    return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartFrame, { plot: plot, legend: legend, className: className });
+}
+//# sourceMappingURL=donut-chart.js.map

package/dist/ui/charts/donut-chart.js.map

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

package/dist/ui/charts/index.d.ts

@@ -0,0 +1,8 @@
+export type { ChartDatum, ChartLineSeries, ChartValueFormatter, ChartBaseProps, } from './chart-types';
+export { CHART_PALETTE, chartColorAt, defaultFormatValue, finitePoints, niceScale, buildAriaSummary, type NiceScale, type NiceScaleOptions, type FiniteDatum, } from './chart-utils';
+export { ChartLegend, type ChartLegendItem } from './chart-frame';
+export { BarChart, type BarChartProps } from './bar-chart';
+export { LineChart, type LineChartProps } from './line-chart';
+export { Sparkline, type SparklineProps } from './sparkline';
+export { DonutChart, type DonutChartProps } from './donut-chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/charts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/ui/charts/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DonutChart = exports.Sparkline = exports.LineChart = exports.BarChart = exports.ChartLegend = exports.buildAriaSummary = exports.niceScale = exports.finitePoints = exports.defaultFormatValue = exports.chartColorAt = exports.CHART_PALETTE = void 0;
+var chart_utils_1 = require("./chart-utils");
+Object.defineProperty(exports, "CHART_PALETTE", { enumerable: true, get: function () { return chart_utils_1.CHART_PALETTE; } });
+Object.defineProperty(exports, "chartColorAt", { enumerable: true, get: function () { return chart_utils_1.chartColorAt; } });
+Object.defineProperty(exports, "defaultFormatValue", { enumerable: true, get: function () { return chart_utils_1.defaultFormatValue; } });
+Object.defineProperty(exports, "finitePoints", { enumerable: true, get: function () { return chart_utils_1.finitePoints; } });
+Object.defineProperty(exports, "niceScale", { enumerable: true, get: function () { return chart_utils_1.niceScale; } });
+Object.defineProperty(exports, "buildAriaSummary", { enumerable: true, get: function () { return chart_utils_1.buildAriaSummary; } });
+var chart_frame_1 = require("./chart-frame");
+Object.defineProperty(exports, "ChartLegend", { enumerable: true, get: function () { return chart_frame_1.ChartLegend; } });
+var bar_chart_1 = require("./bar-chart");
+Object.defineProperty(exports, "BarChart", { enumerable: true, get: function () { return bar_chart_1.BarChart; } });
+var line_chart_1 = require("./line-chart");
+Object.defineProperty(exports, "LineChart", { enumerable: true, get: function () { return line_chart_1.LineChart; } });
+var sparkline_1 = require("./sparkline");
+Object.defineProperty(exports, "Sparkline", { enumerable: true, get: function () { return sparkline_1.Sparkline; } });
+var donut_chart_1 = require("./donut-chart");
+Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return donut_chart_1.DonutChart; } });
+//# sourceMappingURL=index.js.map

package/dist/ui/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/charts/index.ts"],"names":[],"mappings":";;;AAWA,6CAUuB;AATrB,4GAAA,aAAa,OAAA;AACb,2GAAA,YAAY,OAAA;AACZ,iHAAA,kBAAkB,OAAA;AAClB,2GAAA,YAAY,OAAA;AACZ,wGAAA,SAAS,OAAA;AACT,+GAAA,gBAAgB,OAAA;AAKlB,6CAAkE;AAAzD,0GAAA,WAAW,OAAA;AACpB,yCAA2D;AAAlD,qGAAA,QAAQ,OAAA;AACjB,2CAA8D;AAArD,uGAAA,SAAS,OAAA;AAClB,yCAA6D;AAApD,sGAAA,SAAS,OAAA;AAClB,6CAAiE;AAAxD,yGAAA,UAAU,OAAA"}

package/dist/ui/charts/line-chart.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { ChartBaseProps, ChartLineSeries } from './chart-types';
+export interface LineChartProps extends ChartBaseProps {
+    readonly series: readonly ChartLineSeries[];
+}
+export declare function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel, }: LineChartProps): ReactNode;
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/ui/charts/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAkBrE,MAAM,WAAW,cAAe,SAAQ,cAAc;IAEpD,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;CAC7C;AAsBD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAsB,GACvB,EAAE,cAAc,GAAG,SAAS,CAwH5B"}

package/dist/ui/charts/line-chart.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineChart = LineChart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const chart_frame_1 = require("./chart-frame");
+const chart_utils_1 = require("./chart-utils");
+const VIEW_W = 640;
+const VIEW_H = 360;
+const PAD = { top: 12, right: 12, bottom: 44, left: 48 };
+const PLOT_L = PAD.left;
+const PLOT_R = VIEW_W - PAD.right;
+const PLOT_T = PAD.top;
+const PLOT_B = VIEW_H - PAD.bottom;
+const PLOT_W = PLOT_R - PLOT_L;
+const PLOT_H = PLOT_B - PLOT_T;
+function toSegments(points, xToPx, yToPx) {
+    const segments = [];
+    let current = [];
+    points.forEach((p, i) => {
+        if (Number.isFinite(p.value)) {
+            current.push(`${xToPx(i)},${yToPx(p.value)}`);
+        }
+        else if (current.length > 0) {
+            segments.push(current.join(' '));
+            current = [];
+        }
+    });
+    if (current.length > 0)
+        segments.push(current.join(' '));
+    return segments;
+}
+function LineChart({ series, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
+    const format = formatValue ?? chart_utils_1.defaultFormatValue;
+    const finiteValues = [];
+    let maxLen = 0;
+    for (const s of series) {
+        maxLen = Math.max(maxLen, s.points.length);
+        for (const p of s.points)
+            if (Number.isFinite(p.value))
+                finiteValues.push(p.value);
+    }
+    if (finiteValues.length === 0) {
+        return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartEmpty, { title: title, label: emptyLabel, className: className });
+    }
+    const scale = (0, chart_utils_1.niceScale)(Math.min(...finiteValues), Math.max(...finiteValues), {
+        pinZero: false,
+    });
+    const span = scale.max - scale.min;
+    const yToPx = (v) => PLOT_B - ((v - scale.min) / span) * PLOT_H;
+    const xToPx = (i) => maxLen <= 1 ? PLOT_L + PLOT_W / 2 : PLOT_L + (i / (maxLen - 1)) * PLOT_W;
+    const xLabelSource = series.find((s) => s.points.length === maxLen)?.points ?? [];
+    const legend = series.map((s, i) => ({
+        label: s.name,
+        color: (0, chart_utils_1.chartColorAt)(i, s.color),
+    }));
+    const summaryPoints = series.flatMap((s) => s.points
+        .filter((p) => Number.isFinite(p.value))
+        .map((p) => ({ label: `${s.name} ${p.label}`, value: p.value })));
+    const summary = ariaLabel ?? (0, chart_utils_1.buildAriaSummary)(title, summaryPoints, format, 'point');
+    const plot = ((0, jsx_runtime_1.jsxs)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "xMidYMid meet", className: "block h-auto w-full overflow-visible text-ink-4", children: [scale.ticks.map((t) => {
+                const y = yToPx(t);
+                return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("line", { x1: PLOT_L, x2: PLOT_R, y1: y, y2: y, stroke: "currentColor", strokeOpacity: 0.12 }), (0, jsx_runtime_1.jsx)("text", { x: PLOT_L - 8, y: y, textAnchor: "end", dominantBaseline: "middle", fontSize: 12, fill: "currentColor", children: format(t) })] }, `y-${t}`));
+            }), xLabelSource.map((p, i) => ((0, jsx_runtime_1.jsx)("text", { x: xToPx(i), y: PLOT_B + 16, textAnchor: "middle", fontSize: 12, fill: "currentColor", children: p.label }, `x-${p.label}-${i}`))), series.map((s, si) => {
+                const color = (0, chart_utils_1.chartColorAt)(si, s.color);
+                const segments = toSegments(s.points, xToPx, yToPx);
+                return ((0, jsx_runtime_1.jsxs)("g", { children: [segments.map((pts, gi) => ((0, jsx_runtime_1.jsx)("polyline", { points: pts, fill: "none", stroke: color, strokeWidth: 2, strokeLinejoin: "round", strokeLinecap: "round" }, `seg-${gi}`))), s.points.map((p, i) => Number.isFinite(p.value) ? ((0, jsx_runtime_1.jsx)("circle", { cx: xToPx(i), cy: yToPx(p.value), r: 2.5, fill: color, children: (0, jsx_runtime_1.jsx)("title", { children: `${s.name} — ${p.label}: ${format(p.value)}` }) }, `pt-${i}`)) : null)] }, `line-${s.name}-${si}`));
+            })] }));
+    return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartFrame, { plot: plot, legend: legend, className: className });
+}
+//# sourceMappingURL=line-chart.js.map

package/dist/ui/charts/line-chart.js.map

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

package/dist/ui/charts/sparkline.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import type { ChartValueFormatter } from './chart-types';
+export interface SparklineProps {
+    readonly values: readonly number[];
+    readonly title: string;
+    readonly ariaLabel?: string;
+    readonly formatValue?: ChartValueFormatter;
+    readonly color?: string;
+    readonly className?: string;
+    readonly emptyLabel?: string;
+}
+export declare function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel, }: SparklineProps): ReactNode;
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/ui/charts/sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,WAAW,cAAc;IAE7B,QAAQ,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAEnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAE3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,KAAK,EACL,SAAS,EACT,UAAsB,GACvB,EAAE,cAAc,GAAG,SAAS,CAiE5B"}

package/dist/ui/charts/sparkline.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sparkline = Sparkline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../cn");
+const chart_utils_1 = require("./chart-utils");
+const VIEW_W = 100;
+const VIEW_H = 28;
+const PAD_Y = 3;
+function Sparkline({ values, title, ariaLabel, formatValue, color, className, emptyLabel = 'No data', }) {
+    const format = formatValue ?? chart_utils_1.defaultFormatValue;
+    const finite = values.filter((v) => Number.isFinite(v));
+    if (finite.length === 0) {
+        return ((0, jsx_runtime_1.jsx)("span", { role: "img", "aria-label": `${title}: ${emptyLabel}`, className: (0, cn_1.cn)('inline-block text-body-2 text-ink-4', className), children: emptyLabel }));
+    }
+    const scale = (0, chart_utils_1.niceScale)(Math.min(...finite), Math.max(...finite), { pinZero: false });
+    const span = scale.max - scale.min;
+    const yToPx = (v) => VIEW_H - PAD_Y - ((v - scale.min) / span) * (VIEW_H - 2 * PAD_Y);
+    const xToPx = (i) => values.length <= 1 ? VIEW_W / 2 : (i / (values.length - 1)) * VIEW_W;
+    const segments = [];
+    let current = [];
+    values.forEach((v, i) => {
+        if (Number.isFinite(v))
+            current.push(`${xToPx(i)},${yToPx(v)}`);
+        else if (current.length > 0) {
+            segments.push(current.join(' '));
+            current = [];
+        }
+    });
+    if (current.length > 0)
+        segments.push(current.join(' '));
+    const stroke = (0, chart_utils_1.chartColorAt)(0, color);
+    const first = finite[0];
+    const last = finite[finite.length - 1];
+    const summary = ariaLabel ??
+        `${title}: trend of ${finite.length} points, from ${format(first)} to ${format(last)}.`;
+    return ((0, jsx_runtime_1.jsx)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "none", className: (0, cn_1.cn)('block h-auto w-full overflow-visible', className), children: segments.map((pts, i) => ((0, jsx_runtime_1.jsx)("polyline", { points: pts, fill: "none", stroke: stroke, strokeWidth: 1.5, strokeLinejoin: "round", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }, `seg-${i}`))) }));
+}
+//# sourceMappingURL=sparkline.js.map

package/dist/ui/charts/sparkline.js.map

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

package/dist/ui/hooks/use-is-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-is-mobile.d.ts.map

package/dist/ui/hooks/use-is-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.d.ts","sourceRoot":"","sources":["../../../src/ui/hooks/use-is-mobile.ts"],"names":[],"mappings":"AAaA,wBAAgB,WAAW,IAAI,OAAO,CAcrC"}

package/dist/ui/hooks/use-is-mobile.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMobile = useIsMobile;
+const react_1 = require("react");
+const breakpoints_1 = require("../breakpoints");
+function useIsMobile() {
+    const [isMobile, setIsMobile] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        const mql = window.matchMedia(`(max-width: ${breakpoints_1.MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < breakpoints_1.MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener('change', onChange);
+        setIsMobile(window.innerWidth < breakpoints_1.MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener('change', onChange);
+    }, []);
+    return !!isMobile;
+}
+//# sourceMappingURL=use-is-mobile.js.map

package/dist/ui/hooks/use-is-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.js","sourceRoot":"","sources":["../../../src/ui/hooks/use-is-mobile.ts"],"names":[],"mappings":";;AAaA,kCAcC;AA3BD,iCAA4C;AAE5C,gDAAmD;AAWnD,SAAgB,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAsB,SAAS,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,+BAAiB,GAAG,CAAC,KAAK,CAAC,CAAC;QACzE,MAAM,QAAQ,GAAG,GAAS,EAAE;YAC1B,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,+BAAiB,CAAC,CAAC;QACrD,CAAC,CAAC;QACF,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACzC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,+BAAiB,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,CAAC,QAAQ,CAAC;AACpB,CAAC"}

package/dist/ui/index.d.ts

@@ -1,6 +1,8 @@
 export { cn } from './cn';
 export * from './design-tokens';
+export { MOBILE_BREAKPOINT } from './breakpoints';
 export { useDebouncedValue } from './hooks/use-debounced-value';
+export { useIsMobile } from './hooks/use-is-mobile';
 export * from './primitives/button';
 export * from './primitives/badge';
 export * from './primitives/input';
@@ -28,6 +30,9 @@ export * from './primitives/tag-multi-select';
 export * from './primitives/sheet';
 export * from './primitives/form-stepper';
 export * from './primitives/async-combobox';
+export { PreviewDeviceFrame, type PreviewDevice, } from './primitives/preview-device-frame';
+export * from './charts';
+export { AppBrandingProvider, useAppBranding, APP_PRIMARY_COLOR_VAR, type AppBrandingProviderProps, type AppBrandingContextValue, } from './branding/app-branding-provider';
 export { default as ErrorCard, type ErrorMessageFormatter } from './chrome/ErrorCard';
 export { default as StatusBadge, type StatusBadgeProps, type StatusBadgeSize } from './chrome/status-badge';
 export { default as ScopeBadge, type ScopeBadgeProps } from './chrome/scope-badge';
@@ -38,4 +43,6 @@ export { StateCard } from './chrome/StateCard';
 export { default as PageHeader, PageToolbar } from './chrome/PageHeader';
 export { default as LoadingState, type LoadingStateVariant } from './chrome/LoadingState';
 export { default as AsyncBoundary } from './chrome/AsyncBoundary';
+export { PdfPreview, type PdfPreviewProps } from './pdf/pdf-preview';
+export * from './capture';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAG1B,cAAc,iBAAiB,CAAC;AAGhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,KAAK,aAAa,GACnB,MAAM,mCAAmC,CAAC;AAG3C,cAAc,UAAU,CAAC;AAGzB,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EACL,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGrE,cAAc,WAAW,CAAC"}

package/dist/ui/index.js

@@ -17,12 +17,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AsyncBoundary = exports.LoadingState = exports.PageToolbar = exports.PageHeader = exports.StateCard = exports.EmptyState = exports.PageShell = exports.ConfirmDeleteDialog = exports.ScopeBadge = exports.StatusBadge = exports.ErrorCard = exports.useDebouncedValue = exports.cn = void 0;
+exports.PdfPreview = exports.AsyncBoundary = exports.LoadingState = exports.PageToolbar = exports.PageHeader = exports.StateCard = exports.EmptyState = exports.PageShell = exports.ConfirmDeleteDialog = exports.ScopeBadge = exports.StatusBadge = exports.ErrorCard = exports.APP_PRIMARY_COLOR_VAR = exports.useAppBranding = exports.AppBrandingProvider = exports.PreviewDeviceFrame = exports.useIsMobile = exports.useDebouncedValue = exports.MOBILE_BREAKPOINT = exports.cn = void 0;
 var cn_1 = require("./cn");
 Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return cn_1.cn; } });
 __exportStar(require("./design-tokens"), exports);
+var breakpoints_1 = require("./breakpoints");
+Object.defineProperty(exports, "MOBILE_BREAKPOINT", { enumerable: true, get: function () { return breakpoints_1.MOBILE_BREAKPOINT; } });
 var use_debounced_value_1 = require("./hooks/use-debounced-value");
 Object.defineProperty(exports, "useDebouncedValue", { enumerable: true, get: function () { return use_debounced_value_1.useDebouncedValue; } });
+var use_is_mobile_1 = require("./hooks/use-is-mobile");
+Object.defineProperty(exports, "useIsMobile", { enumerable: true, get: function () { return use_is_mobile_1.useIsMobile; } });
 __exportStar(require("./primitives/button"), exports);
 __exportStar(require("./primitives/badge"), exports);
 __exportStar(require("./primitives/input"), exports);
@@ -50,6 +54,13 @@ __exportStar(require("./primitives/tag-multi-select"), exports);
 __exportStar(require("./primitives/sheet"), exports);
 __exportStar(require("./primitives/form-stepper"), exports);
 __exportStar(require("./primitives/async-combobox"), exports);
+var preview_device_frame_1 = require("./primitives/preview-device-frame");
+Object.defineProperty(exports, "PreviewDeviceFrame", { enumerable: true, get: function () { return preview_device_frame_1.PreviewDeviceFrame; } });
+__exportStar(require("./charts"), exports);
+var app_branding_provider_1 = require("./branding/app-branding-provider");
+Object.defineProperty(exports, "AppBrandingProvider", { enumerable: true, get: function () { return app_branding_provider_1.AppBrandingProvider; } });
+Object.defineProperty(exports, "useAppBranding", { enumerable: true, get: function () { return app_branding_provider_1.useAppBranding; } });
+Object.defineProperty(exports, "APP_PRIMARY_COLOR_VAR", { enumerable: true, get: function () { return app_branding_provider_1.APP_PRIMARY_COLOR_VAR; } });
 var ErrorCard_1 = require("./chrome/ErrorCard");
 Object.defineProperty(exports, "ErrorCard", { enumerable: true, get: function () { return __importDefault(ErrorCard_1).default; } });
 var status_badge_1 = require("./chrome/status-badge");
@@ -71,4 +82,7 @@ var LoadingState_1 = require("./chrome/LoadingState");
 Object.defineProperty(exports, "LoadingState", { enumerable: true, get: function () { return __importDefault(LoadingState_1).default; } });
 var AsyncBoundary_1 = require("./chrome/AsyncBoundary");
 Object.defineProperty(exports, "AsyncBoundary", { enumerable: true, get: function () { return __importDefault(AsyncBoundary_1).default; } });
+var pdf_preview_1 = require("./pdf/pdf-preview");
+Object.defineProperty(exports, "PdfPreview", { enumerable: true, get: function () { return pdf_preview_1.PdfPreview; } });
+__exportStar(require("./capture"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AAGX,kDAAgC;AAGhC,mEAAgE;AAAvD,wHAAA,iBAAiB,OAAA;AAG1B,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,sDAAoC;AACpC,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,wDAAsC;AACtC,wDAAsC;AACtC,qDAAmC;AACnC,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,2DAAyC;AACzC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,6DAA2C;AAC3C,gEAA8C;AAC9C,qDAAmC;AACnC,4DAA0C;AAC1C,8DAA4C;AAG5C,gDAAsF;AAA7E,uHAAA,OAAO,OAAa;AAC7B,sDAA4G;AAAnG,4HAAA,OAAO,OAAe;AAC/B,oDAAmF;AAA1E,0HAAA,OAAO,OAAc;AAC9B,wEAGwC;AAFtC,6IAAA,OAAO,OAAuB;AAGhC,kDAA2D;AAAlD,wHAAA,OAAO,OAAa;AAC7B,kDAK6B;AAJ3B,yHAAA,OAAO,OAAc;AAKvB,gDAA+C;AAAtC,sGAAA,SAAS,OAAA;AAClB,kDAAyE;AAAhE,yHAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAC3C,sDAA0F;AAAjF,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AAGX,kDAAgC;AAGhC,6CAAkD;AAAzC,gHAAA,iBAAiB,OAAA;AAG1B,mEAAgE;AAAvD,wHAAA,iBAAiB,OAAA;AAC1B,uDAAoD;AAA3C,4GAAA,WAAW,OAAA;AAGpB,sDAAoC;AACpC,qDAAmC;AACnC,qDAAmC;AACnC,qDAAmC;AACnC,sDAAoC;AACpC,sDAAoC;AACpC,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,wDAAsC;AACtC,wDAAsC;AACtC,qDAAmC;AACnC,uDAAqC;AACrC,sDAAoC;AACpC,yDAAuC;AACvC,2DAAyC;AACzC,4DAA0C;AAC1C,uDAAqC;AACrC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AACzC,6DAA2C;AAC3C,gEAA8C;AAC9C,qDAAmC;AACnC,4DAA0C;AAC1C,8DAA4C;AAC5C,0EAG2C;AAFzC,0HAAA,kBAAkB,OAAA;AAKpB,2CAAyB;AAGzB,0EAM0C;AALxC,4HAAA,mBAAmB,OAAA;AACnB,uHAAA,cAAc,OAAA;AACd,8HAAA,qBAAqB,OAAA;AAMvB,gDAAsF;AAA7E,uHAAA,OAAO,OAAa;AAC7B,sDAA4G;AAAnG,4HAAA,OAAO,OAAe;AAC/B,oDAAmF;AAA1E,0HAAA,OAAO,OAAc;AAC9B,wEAGwC;AAFtC,6IAAA,OAAO,OAAuB;AAGhC,kDAA2D;AAAlD,wHAAA,OAAO,OAAa;AAC7B,kDAK6B;AAJ3B,yHAAA,OAAO,OAAc;AAKvB,gDAA+C;AAAtC,sGAAA,SAAS,OAAA;AAClB,kDAAyE;AAAhE,yHAAA,OAAO,OAAc;AAAE,yGAAA,WAAW,OAAA;AAC3C,sDAA0F;AAAjF,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB;AAEjC,iDAAqE;AAA5D,yGAAA,UAAU,OAAA;AAGnB,4CAA0B"}

package/dist/ui/pdf/pdf-preview.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from 'react';
+export interface PdfPreviewProps {
+    readonly url: string;
+    readonly title?: string;
+    readonly className?: string;
+}
+export declare function PdfPreview({ url, title, className }: PdfPreviewProps): JSX.Element;
+//# sourceMappingURL=pdf-preview.d.ts.map

package/dist/ui/pdf/pdf-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/pdf/pdf-preview.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAkC,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAsBjE,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2ElF"}

package/dist/ui/pdf/pdf-preview.js

@@ -0,0 +1,34 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PdfPreview = PdfPreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const react_pdf_1 = require("react-pdf");
+const cn_1 = require("../cn");
+if (!react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc) {
+    react_pdf_1.pdfjs.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs';
+}
+const MIN_SCALE = 0.5;
+const MAX_SCALE = 3;
+const STEP = 0.25;
+const DEFAULT_SCALE = 1;
+const clampScale = (s) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, Math.round(s * 100) / 100));
+function PdfPreview({ url, title, className }) {
+    const [numPages, setNumPages] = (0, react_1.useState)(0);
+    const [scale, setScale] = (0, react_1.useState)(DEFAULT_SCALE);
+    const [error, setError] = (0, react_1.useState)(null);
+    const file = (0, react_1.useMemo)(() => ({ url }), [url]);
+    const zoomOut = (0, react_1.useCallback)(() => setScale((s) => clampScale(s - STEP)), []);
+    const zoomIn = (0, react_1.useCallback)(() => setScale((s) => clampScale(s + STEP)), []);
+    const reset = (0, react_1.useCallback)(() => setScale(DEFAULT_SCALE), []);
+    const btn = 'inline-flex h-7 w-7 items-center justify-center rounded text-neutral-600 ' +
+        'hover:bg-neutral-200/70 disabled:pointer-events-none disabled:opacity-40 ' +
+        'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex h-[520px] flex-col overflow-hidden rounded border border-neutral-200 bg-white', className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 border-b border-neutral-200 bg-neutral-50 px-2 py-1", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: zoomOut, disabled: scale <= MIN_SCALE, "aria-label": "Zoom out", className: btn, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ZoomOut, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsxs)("span", { className: "w-12 text-center text-xs tabular-nums text-neutral-500", children: [Math.round(scale * 100), "%"] }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: zoomIn, disabled: scale >= MAX_SCALE, "aria-label": "Zoom in", className: btn, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ZoomIn, { className: "h-4 w-4" }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: reset, disabled: scale === DEFAULT_SCALE, "aria-label": "Reset zoom", className: btn, children: (0, jsx_runtime_1.jsx)(lucide_react_1.RotateCcw, { className: "h-4 w-4" }) }), title ? ((0, jsx_runtime_1.jsx)("span", { className: "ml-2 min-w-0 flex-1 truncate text-xs text-neutral-400", title: title, children: title })) : null] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 overflow-auto bg-neutral-100 p-3", children: error ? ((0, jsx_runtime_1.jsxs)("div", { className: "p-4 text-xs text-neutral-500", children: ["Couldn't render this PDF (", error, "). Use the download affordance."] })) : ((0, jsx_runtime_1.jsx)(react_pdf_1.Document, { file: file, onLoadSuccess: ({ numPages: n }) => {
+                        setNumPages(n);
+                        setError(null);
+                    }, onLoadError: (e) => setError(e.message), loading: (0, jsx_runtime_1.jsx)("div", { className: "p-4 text-xs text-neutral-500", children: "Loading PDF\u2026" }), className: "flex flex-col items-center gap-3", children: Array.from({ length: numPages }, (_, i) => ((0, jsx_runtime_1.jsx)(react_pdf_1.Page, { pageNumber: i + 1, scale: scale, renderTextLayer: false, renderAnnotationLayer: false, className: "shadow-sm" }, i))) })) })] }));
+}
+//# sourceMappingURL=pdf-preview.js.map

package/dist/ui/pdf/pdf-preview.js.map

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

package/dist/ui/primitives/badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/ui/primitives/button.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "destructive" | "ghost" | "secondary" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/ui/primitives/preview-device-frame.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type PreviewDevice = 'desktop' | 'tablet' | 'mobile' | 'presentation' | 'a4';
+interface PreviewDeviceFrameProps {
+    readonly device: PreviewDevice;
+    readonly children: ReactNode;
+}
+export declare function PreviewDeviceFrame({ device, children, }: PreviewDeviceFrameProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=preview-device-frame.d.ts.map

package/dist/ui/primitives/preview-device-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-device-frame.d.ts","sourceRoot":"","sources":["../../../src/ui/primitives/preview-device-frame.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAS1E,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,cAAc,GACd,IAAI,CAAC;AAET,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;IAC/B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAoBD,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,GACT,EAAE,uBAAuB,+BAmBzB"}

package/dist/ui/primitives/preview-device-frame.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreviewDeviceFrame = PreviewDeviceFrame;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const cn_1 = require("../cn");
+const BEZELS = {
+    tablet: { width: 768, height: 1024, radius: 18 },
+    mobile: { width: 390, height: 844, radius: 36 },
+};
+const PRESENTATION_VIEWPORT = { width: 1280, height: 720, radius: 20 };
+const A4_VIEWPORT = { width: 794, height: 1123, radius: 4 };
+function PreviewDeviceFrame({ device, children, }) {
+    if (device === 'desktop') {
+        return (0, jsx_runtime_1.jsx)("div", { className: "h-full w-full", children: children });
+    }
+    if (device === 'presentation') {
+        return ((0, jsx_runtime_1.jsx)(ResponsiveViewport, { bezel: PRESENTATION_VIEWPORT, aspectRatio: 16 / 9, children: children }));
+    }
+    if (device === 'a4') {
+        return ((0, jsx_runtime_1.jsx)(ResponsiveViewport, { bezel: A4_VIEWPORT, aspectRatio: 794 / 1123, children: children }));
+    }
+    return (0, jsx_runtime_1.jsx)(ScaledBezel, { bezel: BEZELS[device], children: children });
+}
+function ScaledBezel({ bezel, children }) {
+    const containerRef = (0, react_1.useRef)(null);
+    const [scale, setScale] = (0, react_1.useState)(1);
+    (0, react_1.useLayoutEffect)(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const compute = () => {
+            const { clientWidth, clientHeight } = el;
+            if (clientWidth === 0 || clientHeight === 0)
+                return;
+            const margin = 24;
+            const availW = Math.max(0, clientWidth - margin);
+            const availH = Math.max(0, clientHeight - margin);
+            const next = Math.min(1, availW / bezel.width, availH / bezel.height);
+            setScale(next);
+        };
+        compute();
+        const observer = new ResizeObserver(compute);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [bezel.width, bezel.height]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: "flex h-full w-full items-center justify-center overflow-hidden bg-paper-elev/60 p-2", children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('relative shrink-0 overflow-hidden bg-paper shadow-2xl ring-1 ring-border/75'), style: {
+                width: bezel.width,
+                height: bezel.height,
+                borderRadius: bezel.radius,
+                transform: `scale(${scale})`,
+                transformOrigin: 'center center',
+            }, children: children }) }));
+}
+function ResponsiveViewport({ bezel, aspectRatio, children, }) {
+    const containerRef = (0, react_1.useRef)(null);
+    const [size, setSize] = (0, react_1.useState)(() => ({
+        width: bezel.width,
+        height: bezel.height,
+    }));
+    (0, react_1.useLayoutEffect)(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const compute = () => {
+            const { clientWidth, clientHeight } = el;
+            if (clientWidth === 0 || clientHeight === 0)
+                return;
+            const margin = 24;
+            const availW = Math.max(0, clientWidth - margin);
+            const availH = Math.max(0, clientHeight - margin);
+            const nextWidth = Math.min(availW, availH * aspectRatio);
+            const nextHeight = nextWidth / aspectRatio;
+            setSize({
+                width: Math.max(1, Math.round(nextWidth)),
+                height: Math.max(1, Math.round(nextHeight)),
+            });
+        };
+        compute();
+        const observer = new ResizeObserver(compute);
+        observer.observe(el);
+        return () => observer.disconnect();
+    }, [bezel.width, bezel.height]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: "flex h-full w-full items-center justify-center overflow-hidden bg-paper-elev/60 p-2", children: (0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('relative shrink-0 overflow-hidden bg-paper shadow-2xl ring-1 ring-border/75'), style: {
+                width: size.width,
+                height: size.height,
+                borderRadius: bezel.radius,
+            }, children: children }) }));
+}
+//# sourceMappingURL=preview-device-frame.js.map

package/dist/ui/primitives/preview-device-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-device-frame.js","sourceRoot":"","sources":["../../../src/ui/primitives/preview-device-frame.tsx"],"names":[],"mappings":"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"}

package/dist/ui/primitives/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }