lizaui 13.0.2 → 14.0.0

package/README.md

@@ -1,100 +1,100 @@
-# LizaUI
-
-Componentes React de BusOne: Tailwind CSS 4, React Aria, Radix UI y Motion, compilados con el React Compiler.
-
-Paquete **solo ESM**, con tipos incluidos y un punto de entrada por componente para que el bundler del consumidor
-cargue solo lo que usa.
-
-## Uso
-
-```bash
-pnpm add lizaui motion react react-dom tailwindcss
-```
-
-```tsx
-import { Button } from "lizaui/button";
-import { Modal, ModalBody, ModalHeader } from "lizaui/modal";
-```
-
-La raíz (`import { … } from "lizaui"`) reexporta los componentes de uso general, los hooks y los tipos. Para
-componentes grandes (tablas, calendarios, selects), importa siempre desde su subruta (`lizaui/<componente>`).
-
-### Estilos
-
-1. Importa la hoja de estilos de los componentes una vez, en la entrada de la app:
-
-    ```ts
-    import "lizaui/styles.css";
-    ```
-
-2. Agrega lizaui a las fuentes de Tailwind, en el CSS de la app. Los componentes usan clases utilitarias que debe
-   generar el Tailwind del consumidor. Usa la **carpeta** completa, no un glob de primer nivel:
-
-    ```css
-    @import "tailwindcss";
-    @source "../node_modules/lizaui/dist";
-    ```
-
-Los tokens de color (`--color-primary-*`, `--color-default-*`…) los define la app; ver `src/index.css` como
-referencia.
-
-### Dependencias
-
-- **peerDependencies** (las instala la app, una sola copia compartida): `react`, `react-dom`, `motion` y
-  `tailwindcss`.
-- **dependencies** (Radix, React Aria, react-select…): no van empaquetadas en `dist`; las resuelve el bundler de la
-  app, que así las comparte en vez de duplicarlas. El CSS de terceros (react-calendar, etc.) sí va dentro de
-  `styles.css`.
-
-## Desarrollo
-
-Requiere Node 22.18+ (o 24+) y pnpm 12.
-
-| Script               | Qué hace                                                                    |
-| -------------------- | --------------------------------------------------------------------------- |
-| `pnpm dev`           | Playground con todos los demos (`src/demo`, `src/App.tsx`) en Vite.         |
-| `pnpm build`         | Typecheck + build de la librería en `dist/` + regenera `exports`.           |
-| `pnpm typecheck`     | `tsc -b` con TypeScript 7 (compilador nativo).                              |
-| `pnpm lint`          | oxlint con reglas de React, React Compiler, accesibilidad y tipos.          |
-| `pnpm lint:fix`      | Corrige lo que oxlint sabe corregir de forma segura.                        |
-| `pnpm format`        | Prettier.                                                                   |
-| `pnpm test`          | Vitest (jsdom + Testing Library).                                           |
-| `pnpm check:package` | Valida el paquete publicado: `publint --strict` y `attw` (perfil ESM-only). |
-
-### Agregar un componente
-
-1. Crea `src/components/<nombre>/index.ts` con sus exports públicos.
-2. `pnpm build`: la entrada `lizaui/<nombre>` y su línea en `exports` se generan solas.
-3. Si debe estar en la raíz, reexpórtalo en `src/components/index.ts`.
-4. Si el componente importa CSS propio con utilidades de Tailwind, empieza el archivo con
-   `@reference "../../index.css";`.
-
-### Publicar
-
-```bash
-pnpm version <patch|minor|major>
-pnpm publish
-```
-
-`prepublishOnly` corre lint, tests, build y `check:package`; si algo falla, no se publica.
-
-## Arquitectura del build
-
-| Pieza                | Herramienta                                                                |
-| -------------------- | -------------------------------------------------------------------------- |
-| Bundler              | Vite 8 en modo librería (Rolldown), salida ESM sin minificar + sourcemaps. |
-| JSX + React Compiler | `@vitejs/plugin-react` 6 con `compiler: true` (Oxc nativo).                |
-| CSS                  | `@tailwindcss/vite`: todo el CSS de componentes en `dist/lizaui.css`.      |
-| Tipos (`.d.ts`)      | `rolldown-plugin-dts` con tsgo (TypeScript 7): un `.d.ts` por entrada.     |
-| Lint                 | oxlint (nativo, con `oxlint-tsgolint` para reglas con tipos).              |
-| Tests                | Vitest 5 + jsdom + Testing Library.                                        |
-
-Configuración: `vite.config.ts` (build y playground), `vitest.config.ts`, `oxlint.config.ts`,
-`tsconfig.app.json` (typecheck de todo `src`), `tsconfig.lib.json` (lo que se publica, para los `.d.ts`) y
-`tsconfig.node.json` (configs y `scripts/`).
-
-### Por qué no `tsc` ni `vite-plugin-dts` para los tipos
-
-TypeScript 7 no expone la API de JavaScript que usan `vite-plugin-dts`/`unplugin-dts`. `tsc` sí emite
-declaraciones, pero no reescribe los alias `@/…`, que quedarían rotos en el paquete. `rolldown-plugin-dts` usa tsgo,
-resuelve los alias y agrupa los tipos por entrada.
+# LizaUI
+
+Componentes React de BusOne: Tailwind CSS 4, React Aria, Radix UI y Motion, compilados con el React Compiler.
+
+Paquete **solo ESM**, con tipos incluidos y un punto de entrada por componente para que el bundler del consumidor
+cargue solo lo que usa.
+
+## Uso
+
+```bash
+pnpm add lizaui motion react react-dom tailwindcss
+```
+
+```tsx
+import { Button } from "lizaui/button";
+import { Modal, ModalBody, ModalHeader } from "lizaui/modal";
+```
+
+La raíz (`import { … } from "lizaui"`) reexporta los componentes de uso general, los hooks y los tipos. Para
+componentes grandes (tablas, calendarios, selects), importa siempre desde su subruta (`lizaui/<componente>`).
+
+### Estilos
+
+1. Importa la hoja de estilos de los componentes una vez, en la entrada de la app:
+
+    ```ts
+    import "lizaui/styles.css";
+    ```
+
+2. Agrega lizaui a las fuentes de Tailwind, en el CSS de la app. Los componentes usan clases utilitarias que debe
+   generar el Tailwind del consumidor. Usa la **carpeta** completa, no un glob de primer nivel:
+
+    ```css
+    @import "tailwindcss";
+    @source "../node_modules/lizaui/dist";
+    ```
+
+Los tokens de color (`--color-primary-*`, `--color-default-*`…) los define la app; ver `src/index.css` como
+referencia.
+
+### Dependencias
+
+- **peerDependencies** (las instala la app, una sola copia compartida): `react`, `react-dom`, `motion` y
+  `tailwindcss`.
+- **dependencies** (Radix, React Aria, react-select…): no van empaquetadas en `dist`; las resuelve el bundler de la
+  app, que así las comparte en vez de duplicarlas. El CSS de terceros (react-calendar, etc.) sí va dentro de
+  `styles.css`.
+
+## Desarrollo
+
+Requiere Node 22.18+ (o 24+) y pnpm 12.
+
+| Script               | Qué hace                                                                    |
+| -------------------- | --------------------------------------------------------------------------- |
+| `pnpm dev`           | Playground con todos los demos (`src/demo`, `src/App.tsx`) en Vite.         |
+| `pnpm build`         | Typecheck + build de la librería en `dist/` + regenera `exports`.           |
+| `pnpm typecheck`     | `tsc -b` con TypeScript 7 (compilador nativo).                              |
+| `pnpm lint`          | oxlint con reglas de React, React Compiler, accesibilidad y tipos.          |
+| `pnpm lint:fix`      | Corrige lo que oxlint sabe corregir de forma segura.                        |
+| `pnpm format`        | Prettier.                                                                   |
+| `pnpm test`          | Vitest (jsdom + Testing Library).                                           |
+| `pnpm check:package` | Valida el paquete publicado: `publint --strict` y `attw` (perfil ESM-only). |
+
+### Agregar un componente
+
+1. Crea `src/components/<nombre>/index.ts` con sus exports públicos.
+2. `pnpm build`: la entrada `lizaui/<nombre>` y su línea en `exports` se generan solas.
+3. Si debe estar en la raíz, reexpórtalo en `src/components/index.ts`.
+4. Si el componente importa CSS propio con utilidades de Tailwind, empieza el archivo con
+   `@reference "../../index.css";`.
+
+### Publicar
+
+```bash
+pnpm version <patch|minor|major>
+pnpm publish
+```
+
+`prepublishOnly` corre lint, tests, build y `check:package`; si algo falla, no se publica.
+
+## Arquitectura del build
+
+| Pieza                | Herramienta                                                                |
+| -------------------- | -------------------------------------------------------------------------- |
+| Bundler              | Vite 8 en modo librería (Rolldown), salida ESM sin minificar + sourcemaps. |
+| JSX + React Compiler | `@vitejs/plugin-react` 6 con `compiler: true` (Oxc nativo).                |
+| CSS                  | `@tailwindcss/vite`: todo el CSS de componentes en `dist/lizaui.css`.      |
+| Tipos (`.d.ts`)      | `rolldown-plugin-dts` con tsgo (TypeScript 7): un `.d.ts` por entrada.     |
+| Lint                 | oxlint (nativo, con `oxlint-tsgolint` para reglas con tipos).              |
+| Tests                | Vitest 5 + jsdom + Testing Library.                                        |
+
+Configuración: `vite.config.ts` (build y playground), `vitest.config.ts`, `oxlint.config.ts`,
+`tsconfig.app.json` (typecheck de todo `src`), `tsconfig.lib.json` (lo que se publica, para los `.d.ts`) y
+`tsconfig.node.json` (configs y `scripts/`).
+
+### Por qué no `tsc` ni `vite-plugin-dts` para los tipos
+
+TypeScript 7 no expone la API de JavaScript que usan `vite-plugin-dts`/`unplugin-dts`. `tsc` sí emite
+declaraciones, pero no reescribe los alias `@/…`, que quedarían rotos en el paquete. `rolldown-plugin-dts` usa tsgo,
+resuelve los alias y agrupa los tipos por entrada.

package/dist/action-bar/index.d.ts

@@ -0,0 +1,2 @@
+import { a as ActionBarContentProps, c as ActionBarRoot, d as ActionBarSuffixProps, i as ActionBarContent, l as ActionBarRootProps, n as ActionBarVariants, o as ActionBarPrefix, r as actionBarVariants, s as ActionBarPrefixProps, t as ActionBar, u as ActionBarSuffix } from "../chunks/index-P3E_yiMX.js";
+export { ActionBar, ActionBarContent, type ActionBarContentProps, ActionBarPrefix, type ActionBarPrefixProps, type ActionBarRootProps as ActionBarProps, type ActionBarRootProps, ActionBarRoot, ActionBarSuffix, type ActionBarSuffixProps, type ActionBarVariants, actionBarVariants };

package/dist/action-bar/index.js

@@ -0,0 +1 @@
+export { t as ActionBar, n as ActionBarContent, r as ActionBarPrefix, i as ActionBarRoot, a as ActionBarSuffix, o as actionBarVariants } from "../chunks/action-bar-CZcoYxrO.js";

package/dist/app-layout/index.d.ts

@@ -0,0 +1,2 @@
+import { a as AppLayoutContextValue, c as AppLayoutMobileAside, d as AppLayoutRootProps, f as AppLayoutScrollMode, g as appLayoutVariants, h as AppLayoutVariants, i as AppLayoutContext, l as AppLayoutMobileAsideProps, m as useAppLayout, n as AppLayoutAsideTrigger, o as AppLayoutMenuToggle, p as AppLayoutTooltipProps, r as AppLayoutAsideTriggerProps, s as AppLayoutMenuToggleProps, t as AppLayout, u as AppLayoutRoot } from "../chunks/index-C1YuFHBV.js";
+export { AppLayout, AppLayoutAsideTrigger, type AppLayoutAsideTriggerProps, AppLayoutContext, type AppLayoutContextValue, AppLayoutMenuToggle, type AppLayoutMenuToggleProps, AppLayoutMobileAside, type AppLayoutMobileAsideProps, type AppLayoutRootProps as AppLayoutProps, type AppLayoutRootProps, AppLayoutRoot, type AppLayoutScrollMode, type AppLayoutTooltipProps, type AppLayoutVariants, appLayoutVariants, useAppLayout };

package/dist/app-layout/index.js

@@ -0,0 +1,12 @@
+import { a as AppLayoutRoot, i as AppLayoutMobileAside, n as AppLayoutContext, o as useAppLayout, r as AppLayoutMenuToggle, s as appLayoutVariants, t as AppLayoutAsideTrigger } from "../chunks/app-layout-BvfR6m56.js";
+//#region src/components/app-layout/index.ts
+var AppLayout = Object.assign(AppLayoutRoot, {
+	AsideTrigger: AppLayoutAsideTrigger,
+	MenuToggle: AppLayoutMenuToggle,
+	MobileAside: AppLayoutMobileAside,
+	Root: AppLayoutRoot
+});
+//#endregion
+export { AppLayout, AppLayoutAsideTrigger, AppLayoutContext, AppLayoutMenuToggle, AppLayoutMobileAside, AppLayoutRoot, appLayoutVariants, useAppLayout };
+
+//# sourceMappingURL=index.js.map

package/dist/app-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/components/app-layout/index.ts"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { AppLayoutAsideTrigger, AppLayoutMenuToggle, AppLayoutMobileAside, AppLayoutRoot } from \"./app-layout\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const AppLayout = Object.assign(AppLayoutRoot, {\n\tAsideTrigger: AppLayoutAsideTrigger,\n\tMenuToggle: AppLayoutMenuToggle,\n\tMobileAside: AppLayoutMobileAside,\n\tRoot: AppLayoutRoot,\n});\n\nexport type AppLayout = {\n\tAsideTriggerProps: ComponentProps<typeof AppLayoutAsideTrigger>;\n\tMenuToggleProps: ComponentProps<typeof AppLayoutMenuToggle>;\n\tMobileAsideProps: ComponentProps<typeof AppLayoutMobileAside>;\n\tProps: ComponentProps<typeof AppLayoutRoot>;\n\tRootProps: ComponentProps<typeof AppLayoutRoot>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { AppLayoutAsideTrigger, AppLayoutMenuToggle, AppLayoutMobileAside, AppLayoutRoot };\n\nexport type {\n\tAppLayoutAsideTriggerProps,\n\tAppLayoutMenuToggleProps,\n\tAppLayoutMobileAsideProps,\n\tAppLayoutRootProps,\n\tAppLayoutRootProps as AppLayoutProps,\n\tAppLayoutScrollMode,\n\tAppLayoutTooltipProps,\n} from \"./app-layout\";\n\n/* -------------------------------------------------------------------------------------------------\n * Context\n * -----------------------------------------------------------------------------------------------*/\nexport { AppLayoutContext, useAppLayout } from \"./app-layout\";\n\nexport type { AppLayoutContextValue } from \"./app-layout\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { appLayoutVariants } from \"./app-layout.styles\";\n\nexport type { AppLayoutVariants } from \"./app-layout.styles\";\n"],"mappings":";;AAOA,IAAa,YAAY,OAAO,OAAO,eAAe;CACrD,cAAc;CACd,YAAY;CACZ,aAAa;CACb,MAAM;AACP,CAAC"}

package/dist/area-chart/index.d.ts

@@ -0,0 +1,74 @@
+import { t as ChartTooltipContent } from "../chunks/chart-tooltip-content-KTxHRLQU.js";
+import { ComponentProps, ComponentPropsWithRef, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Area, CartesianGrid, Tooltip, XAxis, YAxis } from "recharts";
+//#region src/components/area-chart/area-chart.d.ts
+interface AreaChartRootProps extends ComponentPropsWithRef<"div"> {
+  children: ReactNode;
+  /** Chart data — array of objects with numeric/string fields for each series. `null` renders a gap. */
+  data: Record<string, number | string | null>[];
+  /** Chart height in pixels. @default 300 */
+  height?: number;
+  /** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */
+  margin?: {
+    bottom?: number;
+    left?: number;
+    right?: number;
+    top?: number;
+  };
+  /** Chart width in pixels or percentage string like "100%". @default "100%" */
+  width?: number | `${number}%`;
+}
+declare const AreaChartRoot: ({ children, className, data, height, margin, width, ...props }: AreaChartRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/area-chart/area-chart.styles.d.ts
+export declare const areaChartVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: {
+      base?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {
+  [x: string]: {
+    [x: string]: {
+      base?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  base: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: {
+      base?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  base: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  base: string;
+}>>;
+type AreaChartVariants = VariantProps<typeof areaChartVariants>;
+//#endregion
+//#region src/components/area-chart/index.d.ts
+export declare const AreaChart: typeof AreaChartRoot & {
+  Area: <DataPointType = any, ValueAxisType = any>(props: import("recharts").AreaProps<DataPointType, ValueAxisType>) => import("react").ReactElement;
+  Grid: typeof CartesianGrid;
+  Root: typeof AreaChartRoot;
+  Tooltip: typeof Tooltip;
+  TooltipContent: typeof ChartTooltipContent;
+  XAxis: <DataPointType = any, DataValueType = any>(props: import("recharts").XAxisProps<DataPointType, DataValueType>) => import("react").ReactElement;
+  YAxis: <DataPointType = any, DataValueType = any>(props: import("recharts").YAxisProps<DataPointType, DataValueType>) => import("react").ReactElement;
+};
+export type AreaChart = {
+  AreaProps: ComponentProps<typeof Area>;
+  GridProps: ComponentProps<typeof CartesianGrid>;
+  Props: ComponentProps<typeof AreaChartRoot>;
+  RootProps: ComponentProps<typeof AreaChartRoot>;
+  TooltipContentProps: ComponentProps<typeof ChartTooltipContent>;
+  TooltipProps: ComponentProps<typeof Tooltip>;
+  XAxisProps: ComponentProps<typeof XAxis>;
+  YAxisProps: ComponentProps<typeof YAxis>;
+};
+//#endregion
+export { Area as AreaChartArea, CartesianGrid as AreaChartGrid, AreaChartRoot, type AreaChartRootProps, Tooltip as AreaChartTooltip, ChartTooltipContent as AreaChartTooltipContent, type AreaChartVariants, XAxis as AreaChartXAxis, YAxis as AreaChartYAxis };
+//# sourceMappingURL=index.d.ts.map

package/dist/area-chart/index.js

@@ -0,0 +1,119 @@
+import { t as composeSlotClassName } from "../chunks/compose-RSv1PpMd.js";
+import { t as ChartTooltipContent } from "../chunks/chart-tooltip-content-CJI4O3Dl.js";
+import { c } from "react/compiler-runtime";
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Area, AreaChart as AreaChart$1, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
+//#region src/components/area-chart/area-chart.styles.ts
+var areaChartVariants = tv({ slots: { base: "area-chart" } });
+//#endregion
+//#region src/components/area-chart/area-chart.tsx
+var AreaChartRoot = (t0) => {
+	const $ = c(25);
+	let children;
+	let className;
+	let data;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({children, className, data, height: t1, margin: t2, width: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = data;
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else {
+		children = $[1];
+		className = $[2];
+		data = $[3];
+		props = $[4];
+		t1 = $[5];
+		t2 = $[6];
+		t3 = $[7];
+	}
+	const height = t1 === void 0 ? 300 : t1;
+	let t4;
+	if ($[8] !== t2) {
+		t4 = t2 === void 0 ? {
+			bottom: 0,
+			left: 0,
+			right: 8,
+			top: 8
+		} : t2;
+		$[8] = t2;
+		$[9] = t4;
+	} else t4 = $[9];
+	const margin = t4;
+	const width = t3 === void 0 ? "100%" : t3;
+	let t5;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = areaChartVariants();
+		$[10] = t5;
+	} else t5 = $[10];
+	const slots = t5;
+	let t6;
+	if ($[11] !== className) {
+		t6 = composeSlotClassName(slots?.base, className);
+		$[11] = className;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== children || $[14] !== data || $[15] !== margin) {
+		t7 = /* @__PURE__ */ jsx(AreaChart$1, {
+			data,
+			margin,
+			children
+		});
+		$[13] = children;
+		$[14] = data;
+		$[15] = margin;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== height || $[18] !== t7 || $[19] !== width) {
+		t8 = /* @__PURE__ */ jsx(ResponsiveContainer, {
+			height,
+			width,
+			children: t7
+		});
+		$[17] = height;
+		$[18] = t7;
+		$[19] = width;
+		$[20] = t8;
+	} else t8 = $[20];
+	let t9;
+	if ($[21] !== props || $[22] !== t6 || $[23] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t6,
+			"data-slot": "area-chart",
+			...props,
+			children: t8
+		});
+		$[21] = props;
+		$[22] = t6;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	return t9;
+};
+AreaChartRoot.displayName = "LizaUI.AreaChart";
+//#endregion
+//#region src/components/area-chart/index.ts
+var AreaChart = Object.assign(AreaChartRoot, {
+	Area,
+	Grid: CartesianGrid,
+	Root: AreaChartRoot,
+	Tooltip,
+	TooltipContent: ChartTooltipContent,
+	XAxis,
+	YAxis
+});
+//#endregion
+export { AreaChart, Area as AreaChartArea, CartesianGrid as AreaChartGrid, AreaChartRoot, Tooltip as AreaChartTooltip, ChartTooltipContent as AreaChartTooltipContent, XAxis as AreaChartXAxis, YAxis as AreaChartYAxis, areaChartVariants };
+
+//# sourceMappingURL=index.js.map

package/dist/area-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["height = 300","margin = { bottom: 0, left: 0, right: 8, top: 8 }","width = \"100%\"","{\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps","areaChartVariants()","useMemo(() => areaChartVariants(), [])","composeSlotClassName(slots?.base, className)","<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>","<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>","<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>","_c","RechartsAreaChart","AreaChartArea","AreaChartGrid","AreaChartTooltip","AreaChartTooltipContent","AreaChartXAxis","AreaChartYAxis"],"sources":["../../src/components/area-chart/area-chart.styles.ts","../../src/components/area-chart/area-chart.tsx","../../src/components/area-chart/index.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { tv } from \"tailwind-variants\";\n\nexport const areaChartVariants = tv({\n\tslots: {\n\t\tbase: \"area-chart\",\n\t},\n});\n\nexport type AreaChartVariants = VariantProps<typeof areaChartVariants>;\n","\"use client\";\n\nimport \"./area-chart.css\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\nimport { Area, AreaChart as RechartsAreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from \"recharts\";\n\nimport { composeSlotClassName } from \"@/lib/utils/compose\";\nimport { ChartTooltipContent } from \"../chart-tooltip/chart-tooltip-content\";\n\nimport { areaChartVariants } from \"./area-chart.styles\";\n\n/* -------------------------------------------------------------------------------------------------\n * Area Chart Root\n * -----------------------------------------------------------------------------------------------*/\ninterface AreaChartRootProps extends ComponentPropsWithRef<\"div\"> {\n\tchildren: ReactNode;\n\t/** Chart data — array of objects with numeric/string fields for each series. `null` renders a gap. */\n\tdata: Record<string, number | string | null>[];\n\t/** Chart height in pixels. @default 300 */\n\theight?: number;\n\t/** Recharts margin. @default { top: 8, right: 8, bottom: 0, left: 0 } */\n\tmargin?: {\n\t\tbottom?: number;\n\t\tleft?: number;\n\t\tright?: number;\n\t\ttop?: number;\n\t};\n\t/** Chart width in pixels or percentage string like \"100%\". @default \"100%\" */\n\twidth?: number | `${number}%`;\n}\n\n// Children are Recharts parts (Area, XAxis, Tooltip…) rendered inside the responsive chart\nconst AreaChartRoot = ({\n\tchildren,\n\tclassName,\n\tdata,\n\theight = 300,\n\tmargin = { bottom: 0, left: 0, right: 8, top: 8 },\n\twidth = \"100%\",\n\t...props\n}: AreaChartRootProps) => {\n\tconst slots = useMemo(() => areaChartVariants(), []);\n\n\treturn (\n\t\t<div className={composeSlotClassName(slots?.base, className)} data-slot=\"area-chart\" {...props}>\n\t\t\t<ResponsiveContainer height={height} width={width}>\n\t\t\t\t<RechartsAreaChart data={data} margin={margin}>\n\t\t\t\t\t{children}\n\t\t\t\t</RechartsAreaChart>\n\t\t\t</ResponsiveContainer>\n\t\t</div>\n\t);\n};\n\n(AreaChartRoot as { displayName?: string }).displayName = \"LizaUI.AreaChart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartRoot };\n\nexport type { AreaChartRootProps };\n\n// The other parts are Recharts primitives re-exported under chart-specific names\nexport {\n\tArea as AreaChartArea,\n\tCartesianGrid as AreaChartGrid,\n\tTooltip as AreaChartTooltip,\n\tXAxis as AreaChartXAxis,\n\tYAxis as AreaChartYAxis,\n\tChartTooltipContent as AreaChartTooltipContent,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Compound Component\n * -----------------------------------------------------------------------------------------------*/\nexport const AreaChart = Object.assign(AreaChartRoot, {\n\tArea: AreaChartArea,\n\tGrid: AreaChartGrid,\n\tRoot: AreaChartRoot,\n\tTooltip: AreaChartTooltip,\n\tTooltipContent: AreaChartTooltipContent,\n\tXAxis: AreaChartXAxis,\n\tYAxis: AreaChartYAxis,\n});\n\nexport type AreaChart = {\n\tAreaProps: ComponentProps<typeof AreaChartArea>;\n\tGridProps: ComponentProps<typeof AreaChartGrid>;\n\tProps: ComponentProps<typeof AreaChartRoot>;\n\tRootProps: ComponentProps<typeof AreaChartRoot>;\n\tTooltipContentProps: ComponentProps<typeof AreaChartTooltipContent>;\n\tTooltipProps: ComponentProps<typeof AreaChartTooltip>;\n\tXAxisProps: ComponentProps<typeof AreaChartXAxis>;\n\tYAxisProps: ComponentProps<typeof AreaChartYAxis>;\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Named Component\n * -----------------------------------------------------------------------------------------------*/\nexport { AreaChartArea, AreaChartGrid, AreaChartRoot, AreaChartTooltip, AreaChartTooltipContent, AreaChartXAxis, AreaChartYAxis };\n\nexport type { AreaChartRootProps } from \"./area-chart\";\n\n/* -------------------------------------------------------------------------------------------------\n * Variants\n * -----------------------------------------------------------------------------------------------*/\nexport { areaChartVariants } from \"./area-chart.styles\";\n\nexport type { AreaChartVariants } from \"./area-chart.styles\";\n"],"mappings":";;;;;;;AAIA,IAAa,oBAAoB,GAAG,EACnC,OAAO,EACN,MAAM,aACP,EACD,CAAC;;;AC0BD,IAAM,iBAAA,OAQoB;;CAPzB,IAAA;CACA,IAAA;CACA,IAAA;CAIG,IAAA;CAHHA,IAAAA;CACAC,IAAAA;CACAC,IAAAA;CANsBC,IAAAA,EAAAA,OAAAA,IAAAA;EACtB,CAAA,CAAA,UACA,WACA,MACA,QAAA,IACA,QAAA,IACA,OAAA,IACA,GAAA,SAPsBA;;;;;;;;;;;;;;;;;;CAItB,MAAA,SAAA,OAAA,KAAA,IAAS,MAATH;CACAC,IAAAA;;EAAS,KAAA,OAAA,KAAA,IAAA;GAAE,QAAQ;GAAG,MAAM;GAAG,OAAO;GAAG,KAAK;EAAE,IAAhDA;;;;;CACA,MAAA,QAAA,OAAA,KAAA,IAAQ,SAARC;CAG4BE,IAAAA;;EAAkB,KAAA,kBAAA;;;CAA9C,MAAM,QAAQC;CAGGC,IAAAA;CAAkC,IAAA,EAAA,QAAA,WAAA;EAAlC,KAAA,qBAAqB,OAAO,MAAM,SAAS;EAAT,EAAA,MAAA;;;CAEhDC,IAAAA;CACE,IAAA,EAAA,QAAA,YAAA,EAAA,QADuB,QAAA,EAAA,QAAc,QAAA;EAAvC,KAAA,oBAACI,aAAD;GAAyB;GAAc;GACrC;EACiB,CAAA;EADjB,EAAA,MAAA;EADuB,EAAA,MAAA;EAAc,EAAA,MAAA;;;CADxCH,IAAAA;CAA6B,IAAA,EAAA,QAAA,UAAA,EAAA,QAC5BD,MAAAA,EAAAA,QAD2C,OAAA;EAA5C,KAAA,oBAAC,qBAAD;GAA6B;GAAe;GAC3CA,UAAAA;EAGoB,CAAA;EAJQ,EAAA,MAAA;EAC5BA,EAAAA,MAAAA;EAD2C,EAAA,MAAA;;;CAD7CE,IAAAA;CAAyF,IAAA,EAAA,QAAA,SAAA,EAAA,QAAzEH,MAAAA,EAAAA,QACfE,IAAAA;EADD,KAAA,oBAAC,OAAD;GAAK,WAAWF;GAA8C,aAAU;GAAa,GAAI;GACxFE,UAAAA;EAKI,CAAA;EANoF,EAAA,MAAA;EAAzEF,EAAAA,MAAAA;EACfE,EAAAA,MAAAA;;;CAFF,OACCC;AAQF;AAEA,cAA4C,cAAc;;;ACjD1D,IAAa,YAAY,OAAO,OAAO,eAAe;CAC/CG;CACN,MAAMC;CACN,MAAM;CACGC;CACT,gBAAgBC;CACTC;CACAC;AACR,CAAC"}

package/dist/autocomplete/index.js

@@ -1,9 +1,9 @@
 import { t as cn } from "../chunks/utils-C_uf36nf.js";
-import { g as Input } from "../chunks/scroll-area-BQsrpwTg.js";
+import { t as Input } from "../chunks/input-D67vbsga.js";
 import { c } from "react/compiler-runtime";
+import { AnimatePresence, motion } from "motion/react";
 import { createRef, forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "motion/react";
 import { RefreshCwIcon } from "lucide-react";
 import { useOnClickOutside } from "usehooks-ts";
 //#region src/components/autocomplete/autocomplete-option-item.tsx