@lindaui/blocks 0.0.2

package/dist/recording-overlay.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { AlertCircle, Mic } from 'lucide-react';
+
+function fmtTime(sec) {
+    const m = Math.floor(sec / 60);
+    const s = sec % 60;
+    return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+function Waveform() {
+    return /*#__PURE__*/ jsx("div", {
+        className: "flex items-end justify-center gap-[3px]",
+        style: {
+            height: 48,
+            width: "min(80%, 280px)"
+        },
+        children: Array.from({
+            length: 40
+        }).map((_, i)=>{
+            const seed = Math.abs(Math.sin(i * 12.9898) * 43758.5453) % 1;
+            const max = Math.max(6, (0.18 + seed * 0.82) * 48);
+            return /*#__PURE__*/ jsx("span", {
+                className: "rounded-full bg-destructive",
+                style: {
+                    width: 3,
+                    animation: `ti-wf 0.9s ease-in-out ${i % 11 * 0.07}s infinite`,
+                    "--wfmax": `${max}px`
+                }
+            }, i);
+        })
+    });
+}
+function RecordingOverlay({ label, description, elapsed, error, onStop, onCancel, stopLabel = "Detener", errorTitle = "No se pudo acceder al micrófono", backLabel = "Volver" }) {
+    if (error) {
+        return /*#__PURE__*/ jsxs("div", {
+            className: "absolute inset-0 z-[60] flex flex-col items-center justify-center gap-5 bg-[oklch(0.16_0.02_240)] p-8 text-center",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: "grid h-16 w-16 place-items-center rounded-full bg-destructive/15 text-destructive",
+                    children: /*#__PURE__*/ jsx(AlertCircle, {
+                        className: "h-8 w-8"
+                    })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "max-w-[280px]",
+                    children: [
+                        /*#__PURE__*/ jsx("p", {
+                            className: "text-base font-semibold text-white",
+                            children: errorTitle
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "mt-2 text-sm text-white/65",
+                            children: error
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    onClick: onCancel,
+                    className: "h-12 rounded-2xl bg-white px-6 text-[15px] font-semibold text-[oklch(0.16_0.02_240)]",
+                    children: backLabel
+                })
+            ]
+        });
+    }
+    return /*#__PURE__*/ jsxs("div", {
+        className: "absolute inset-0 z-[60] flex flex-col items-center justify-center gap-5 bg-[oklch(0.16_0.02_240)] text-[oklch(0.9_0.01_220)] sm:gap-7",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "relative grid h-[132px] w-[132px] place-items-center sm:h-[168px] sm:w-[168px]",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ti-rec-pulse absolute h-[132px] w-[132px] rounded-full bg-destructive/15 sm:h-[168px] sm:w-[168px]"
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "ti-rec-pulse absolute h-[132px] w-[132px] rounded-full bg-destructive/15 sm:h-[168px] sm:w-[168px]",
+                        style: {
+                            animationDelay: "0.9s"
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "grid h-[84px] w-[84px] place-items-center rounded-full bg-destructive text-white shadow-[0_10px_30px_-6px_var(--destructive)] sm:h-[108px] sm:w-[108px]",
+                        children: /*#__PURE__*/ jsx(Mic, {
+                            className: "h-8 w-8 sm:h-[42px] sm:w-[42px]"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "text-center",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "inline-flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "ti-rec-blink h-2.5 w-2.5 rounded-full bg-destructive"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-sm font-semibold tracking-wide text-[oklch(0.72_0.16_18)]",
+                                children: label
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "mt-2 font-mono text-4xl font-medium tabular-nums text-white sm:text-[46px]",
+                        children: fmtTime(elapsed)
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Waveform, {}),
+            description && /*#__PURE__*/ jsx("p", {
+                className: "max-w-[270px] text-center text-sm leading-relaxed text-white/70",
+                children: description
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                onClick: onStop,
+                className: "mt-1.5 grid h-16 w-16 place-items-center rounded-full bg-white shadow-[0_6px_20px_-4px_rgba(0,0,0,0.5)]",
+                "aria-label": stopLabel,
+                children: /*#__PURE__*/ jsx("span", {
+                    className: "h-6 w-6 rounded-md bg-destructive"
+                })
+            })
+        ]
+    });
+}
+
+export { RecordingOverlay };

package/dist/split-workspace.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface SplitWorkspaceProps {
+    media: ReactNode;
+    panel: ReactNode;
+    overlay?: ReactNode;
+    back?: ReactNode;
+}
+export declare function SplitWorkspace({ media, panel, overlay, back, }: SplitWorkspaceProps): import("react").JSX.Element;
+//# sourceMappingURL=split-workspace.d.ts.map

package/dist/split-workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-workspace.d.ts","sourceRoot":"","sources":["../src/split-workspace.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,GACL,EAAE,mBAAmB,+BAuCrB"}

package/dist/split-workspace.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useIsDesktop } from '@lindaui/ui/use-media-query';
+
+function SplitWorkspace({ media, panel, overlay, back }) {
+    const isDesktop = useIsDesktop();
+    return /*#__PURE__*/ jsxs("div", {
+        className: "relative flex-1 min-h-0 overflow-hidden",
+        children: [
+            isDesktop ? /* Desktop: two-column grid */ /*#__PURE__*/ jsxs("div", {
+                className: "grid grid-cols-2 h-full",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "relative border-r overflow-hidden",
+                        style: {
+                            borderColor: "var(--viewer-border)"
+                        },
+                        children: media
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex flex-col bg-background h-full min-h-0 overflow-hidden px-0 sm:px-0",
+                        children: panel
+                    })
+                ]
+            }) : /* Mobile: media top, panel stacked below */ /*#__PURE__*/ jsxs("div", {
+                className: "flex flex-col h-full",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "relative min-h-[40%] flex-1 min-h-0 overflow-hidden",
+                        children: media
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "rounded-t-2xl bg-background shadow-lg overflow-y-auto max-h-[65%] sm:max-h-[60%]",
+                        children: panel
+                    })
+                ]
+            }),
+            back && /*#__PURE__*/ jsx("div", {
+                className: "absolute left-3.5 top-3 z-40",
+                children: back
+            }),
+            overlay && /*#__PURE__*/ jsx("div", {
+                className: "absolute inset-0 z-[60]",
+                children: overlay
+            })
+        ]
+    });
+}
+
+export { SplitWorkspace };

package/dist/stat-card.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+export interface StatCardDelta {
+    value: string;
+    trend: "up" | "down" | "neutral";
+}
+export interface StatCardSparkline {
+    data: Array<Record<string, number>>;
+    dataKey: string;
+    color?: string;
+}
+export type StatCardTone = "primary" | "success" | "warning" | "danger" | "neutral";
+export interface StatCardProps {
+    label: ReactNode;
+    value: ReactNode;
+    delta?: StatCardDelta;
+    description?: ReactNode;
+    icon?: ReactNode;
+    sparkline?: StatCardSparkline;
+    /** "featured" = icono prominente arriba-izquierda + delta arriba-derecha +
+     *  valor grande + label abajo (estilo dashboard). Default = icono inline. */
+    variant?: "default" | "featured";
+    /** Tinte del icon box (y del valor en featured). Solo aplica a featured. */
+    tone?: StatCardTone;
+    className?: string;
+}
+export declare function StatCard({ label, value, delta, description, icon, sparkline, variant, tone, className, }: StatCardProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../src/stat-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;iFAC6E;IAC7E,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,4EAA4E;IAC5E,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsDD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,SAAc,GACf,EAAE,aAAa,+BA6Cf"}

package/dist/stat-card.js

@@ -0,0 +1,166 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Minus, TrendingDown, TrendingUp } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '@lindaui/ui/card';
+import { Badge } from '@lindaui/ui/badge';
+import { ChartContainer } from '@lindaui/ui/chart';
+import { LineChart, Line } from 'recharts';
+
+const trendIcon = {
+    up: /*#__PURE__*/ jsx(TrendingUp, {
+        className: "h-3 w-3"
+    }),
+    down: /*#__PURE__*/ jsx(TrendingDown, {
+        className: "h-3 w-3"
+    }),
+    neutral: /*#__PURE__*/ jsx(Minus, {
+        className: "h-3 w-3"
+    })
+};
+const trendVariant = {
+    up: "success",
+    down: "danger",
+    neutral: "default"
+};
+// Tonos via arbitrary values sobre los tokens canónicos (robustos: no dependen
+// de que HeroUI exponga text-success/text-warning como utilities).
+const toneStyles = {
+    primary: {
+        box: "bg-[var(--primary)]/10 text-[var(--primary)]",
+        value: "text-[var(--primary)]"
+    },
+    success: {
+        box: "bg-[var(--success)]/12 text-[var(--success)]",
+        value: "text-[var(--success)]"
+    },
+    warning: {
+        box: "bg-[var(--warning)]/12 text-[var(--warning)]",
+        value: "text-[var(--warning)]"
+    },
+    danger: {
+        box: "bg-[var(--destructive)]/10 text-[var(--destructive)]",
+        value: "text-[var(--destructive)]"
+    },
+    neutral: {
+        box: "bg-secondary text-muted-foreground",
+        value: "text-foreground"
+    }
+};
+function DeltaBadge({ delta }) {
+    return /*#__PURE__*/ jsx(Badge, {
+        variant: trendVariant[delta.trend],
+        children: /*#__PURE__*/ jsxs("span", {
+            className: "flex items-center gap-0.5",
+            children: [
+                trendIcon[delta.trend],
+                delta.value
+            ]
+        })
+    });
+}
+function Sparkline({ sparkline }) {
+    const config = {
+        [sparkline.dataKey]: {
+            color: sparkline.color ?? "var(--chart-1)"
+        }
+    };
+    return /*#__PURE__*/ jsx(ChartContainer, {
+        config: config,
+        className: "mt-3 h-12 w-full",
+        children: /*#__PURE__*/ jsx(LineChart, {
+            data: sparkline.data,
+            children: /*#__PURE__*/ jsx(Line, {
+                type: "monotone",
+                dataKey: sparkline.dataKey,
+                stroke: sparkline.color ?? "var(--chart-1)",
+                strokeWidth: 2,
+                dot: false
+            })
+        })
+    });
+}
+function StatCard({ label, value, delta, description, icon, sparkline, variant = "default", tone = "neutral", className = "" }) {
+    if (variant === "featured") {
+        const t = toneStyles[tone];
+        return /*#__PURE__*/ jsx(Card, {
+            className: className,
+            children: /*#__PURE__*/ jsxs(CardContent, {
+                className: "p-5",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-start justify-between gap-2",
+                        children: [
+                            icon && /*#__PURE__*/ jsx("div", {
+                                className: `grid size-11 shrink-0 place-items-center rounded-xl ${t.box}`,
+                                children: icon
+                            }),
+                            delta && /*#__PURE__*/ jsx(DeltaBadge, {
+                                delta: delta
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: `mt-4 text-3xl font-semibold tabular-nums ${t.value}`,
+                        children: value
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "mt-1 text-sm text-muted-foreground",
+                        children: label
+                    }),
+                    description && /*#__PURE__*/ jsx("p", {
+                        className: "mt-1.5 text-xs text-muted-foreground",
+                        children: description
+                    }),
+                    sparkline && /*#__PURE__*/ jsx(Sparkline, {
+                        sparkline: sparkline
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ jsxs(Card, {
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(CardHeader, {
+                className: "pb-2",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between gap-2",
+                    children: [
+                        /*#__PURE__*/ jsx(CardTitle, {
+                            className: "text-sm font-medium text-muted-foreground",
+                            children: label
+                        }),
+                        icon && /*#__PURE__*/ jsx("div", {
+                            className: "h-4 w-4 text-muted-foreground",
+                            children: icon
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(CardContent, {
+                className: "pt-0",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "text-2xl font-semibold tabular-nums sm:text-3xl",
+                        children: value
+                    }),
+                    delta && /*#__PURE__*/ jsx("div", {
+                        className: "mt-1 flex items-center gap-1",
+                        children: /*#__PURE__*/ jsx(DeltaBadge, {
+                            delta: delta
+                        })
+                    }),
+                    description && /*#__PURE__*/ jsx("p", {
+                        className: "mt-1.5 text-xs text-muted-foreground",
+                        children: description
+                    }),
+                    sparkline && /*#__PURE__*/ jsx(Sparkline, {
+                        sparkline: sparkline
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+export { StatCard };

package/dist/stats-grid.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export interface StatsGridProps {
+    children: ReactNode;
+    columns?: 2 | 3 | 4;
+    className?: string;
+}
+export declare function StatsGrid({ children, columns, className }: StatsGridProps): import("react").JSX.Element;
+//# sourceMappingURL=stats-grid.d.ts.map

package/dist/stats-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-grid.d.ts","sourceRoot":"","sources":["../src/stats-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAW,EAAE,SAAc,EAAE,EAAE,cAAc,+BAQlF"}

package/dist/stats-grid.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+
+const lgColsClass = {
+    2: "lg:grid-cols-2",
+    3: "lg:grid-cols-3",
+    4: "lg:grid-cols-4"
+};
+function StatsGrid({ children, columns = 4, className = "" }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: `grid gap-4 grid-cols-1 sm:grid-cols-2 ${lgColsClass[columns]} ${className}`,
+        children: children
+    });
+}
+
+export { StatsGrid };

package/package.json

@@ -0,0 +1,149 @@
+{
+  "name": "@lindaui/blocks",
+  "version": "0.0.2",
+  "description": "Composed UI sections (auth, lists, master-detail, charts) built on @lindaui/ui — importable npm package, not a copy-paste registry.",
+  "author": "Franco Carballar <francocarballar@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/francocarballar/ts-design-system.git",
+    "directory": "packages/blocks"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "./login-form": {
+      "types": "./dist/login-form.d.ts",
+      "import": "./dist/login-form.js"
+    },
+    "./list-item": {
+      "types": "./dist/list-item.d.ts",
+      "import": "./dist/list-item.js"
+    },
+    "./list-pane": {
+      "types": "./dist/list-pane.d.ts",
+      "import": "./dist/list-pane.js"
+    },
+    "./detail-panel": {
+      "types": "./dist/detail-panel.d.ts",
+      "import": "./dist/detail-panel.js"
+    },
+    "./confirm-dialog": {
+      "types": "./dist/confirm-dialog.d.ts",
+      "import": "./dist/confirm-dialog.js"
+    },
+    "./image-viewer": {
+      "types": "./dist/image-viewer.d.ts",
+      "import": "./dist/image-viewer.js"
+    },
+    "./split-workspace": {
+      "types": "./dist/split-workspace.d.ts",
+      "import": "./dist/split-workspace.js"
+    },
+    "./document-panel": {
+      "types": "./dist/document-panel.d.ts",
+      "import": "./dist/document-panel.js"
+    },
+    "./document-reader": {
+      "types": "./dist/document-reader.d.ts",
+      "import": "./dist/document-reader.js"
+    },
+    "./recording-overlay": {
+      "types": "./dist/recording-overlay.d.ts",
+      "import": "./dist/recording-overlay.js"
+    },
+    "./field-array-form": {
+      "types": "./dist/field-array-form.d.ts",
+      "import": "./dist/field-array-form.js"
+    },
+    "./auth-provider": {
+      "types": "./dist/auth-provider.d.ts",
+      "import": "./dist/auth-provider.js"
+    },
+    "./auth-layout": {
+      "types": "./dist/auth-layout.d.ts",
+      "import": "./dist/auth-layout.js"
+    },
+    "./area-chart": {
+      "types": "./dist/area-chart.d.ts",
+      "import": "./dist/area-chart.js"
+    },
+    "./bar-chart": {
+      "types": "./dist/bar-chart.d.ts",
+      "import": "./dist/bar-chart.js"
+    },
+    "./line-chart": {
+      "types": "./dist/line-chart.d.ts",
+      "import": "./dist/line-chart.js"
+    },
+    "./pie-chart": {
+      "types": "./dist/pie-chart.d.ts",
+      "import": "./dist/pie-chart.js"
+    },
+    "./radar-chart": {
+      "types": "./dist/radar-chart.d.ts",
+      "import": "./dist/radar-chart.js"
+    },
+    "./radial-chart": {
+      "types": "./dist/radial-chart.d.ts",
+      "import": "./dist/radial-chart.js"
+    },
+    "./stat-card": {
+      "types": "./dist/stat-card.d.ts",
+      "import": "./dist/stat-card.js"
+    },
+    "./chart-card": {
+      "types": "./dist/chart-card.d.ts",
+      "import": "./dist/chart-card.js"
+    },
+    "./stats-grid": {
+      "types": "./dist/stats-grid.d.ts",
+      "import": "./dist/stats-grid.js"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19",
+    "react-hook-form": ">=7",
+    "lucide-react": ">=0.4",
+    "recharts": ">=3",
+    "@lindaui/ui": "*",
+    "@lindaui/tokens": "*"
+  },
+  "devDependencies": {
+    "bunchee": "^6.0.0",
+    "vitest": "^2.0.0",
+    "vite": "^6.4.3",
+    "@vitejs/plugin-react": "^4.3.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.0",
+    "@testing-library/jest-dom": "^6.4.0",
+    "jsdom": "^24.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react-hook-form": "^7.53.0",
+    "lucide-react": "^0.460.0",
+    "recharts": "^3.9.0",
+    "zod": "^3.23.0",
+    "@hookform/resolvers": "^3.9.0",
+    "typescript": "^6.0.3",
+    "@lindaui/ui": "0.0.2",
+    "@lindaui/tokens": "0.0.2"
+  },
+  "scripts": {
+    "build": "bunchee --no-dts && tsc -p tsconfig.build.json",
+    "dev": "bunchee --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}