@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/DataTable/hooks/useDataTableTheme.es.js

@@ -0,0 +1,142 @@
+"use client";
+import { useCallback as e, useMemo as t } from "react";
+//#region src/components/DataTable/hooks/useDataTableTheme.ts
+function n({ theme: n, variant: r = "bordered", density: i = "comfortable" }) {
+	let a = {
+		colors: {
+			primary: "hsl(var(--primary))",
+			secondary: "hsl(var(--secondary))",
+			accent: "hsl(var(--accent))",
+			background: "hsl(var(--background))",
+			surface: "hsl(var(--card))",
+			text: "hsl(var(--foreground))",
+			textSecondary: "hsl(var(--muted-foreground))",
+			border: "hsl(var(--border))",
+			hover: "hsl(var(--muted))",
+			selected: "hsl(var(--accent))",
+			disabled: "hsl(var(--muted))"
+		},
+		spacing: {
+			xs: "0.25rem",
+			sm: "0.5rem",
+			md: "1rem",
+			lg: "1.5rem",
+			xl: "2rem"
+		},
+		typography: {
+			fontFamily: "inherit",
+			fontSize: {
+				xs: "0.75rem",
+				sm: "0.875rem",
+				md: "1rem",
+				lg: "1.125rem",
+				xl: "1.25rem"
+			},
+			fontWeight: {
+				normal: "400",
+				medium: "500",
+				semibold: "600",
+				bold: "700"
+			}
+		},
+		borders: {
+			radius: {
+				sm: "0.25rem",
+				md: "0.5rem",
+				lg: "0.75rem"
+			},
+			width: {
+				thin: "1px",
+				medium: "2px",
+				thick: "4px"
+			}
+		},
+		shadows: {
+			sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+			md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+			lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+			xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+		}
+	}, o = t(() => n ? {
+		colors: {
+			...a.colors,
+			...n.colors
+		},
+		spacing: {
+			...a.spacing,
+			...n.spacing
+		},
+		typography: {
+			...a.typography,
+			...n.typography
+		},
+		borders: {
+			...a.borders,
+			...n.borders
+		},
+		shadows: {
+			...a.shadows,
+			...n.shadows
+		}
+	} : a, [n, a]), s = t(() => {
+		let e = "w-full";
+		switch (r) {
+			case "bordered": return `${e} border rounded-lg`;
+			case "minimal": return e;
+			case "striped": return `${e} [&_tbody_tr:nth-child(even)]:bg-muted/50`;
+			case "glass": return `${e} backdrop-blur-sm bg-background/80 border rounded-lg`;
+			default: return e;
+		}
+	}, [r]), c = t(() => {
+		switch (i) {
+			case "spacious": return {
+				table: "text-base",
+				header: "px-6 py-4",
+				cell: "px-6 py-4",
+				row: "h-16"
+			};
+			case "compact": return {
+				table: "text-sm",
+				header: "px-3 py-2",
+				cell: "px-3 py-2",
+				row: "h-8"
+			};
+			default: return {
+				table: "text-sm",
+				header: "px-4 py-3",
+				cell: "px-4 py-3",
+				row: "h-12"
+			};
+		}
+	}, [i]), l = t(() => {
+		let e = {};
+		return o.colors && Object.entries(o.colors).forEach(([t, n]) => {
+			e[`--datatable-color-${t}`] = n;
+		}), o.spacing && Object.entries(o.spacing).forEach(([t, n]) => {
+			e[`--datatable-spacing-${t}`] = n;
+		}), o.typography && (o.typography.fontFamily && (e["--datatable-font-family"] = o.typography.fontFamily), o.typography.fontSize && Object.entries(o.typography.fontSize).forEach(([t, n]) => {
+			e[`--datatable-font-size-${t}`] = n;
+		}), o.typography.fontWeight && Object.entries(o.typography.fontWeight).forEach(([t, n]) => {
+			e[`--datatable-font-weight-${t}`] = n;
+		})), o.borders && (o.borders.radius && Object.entries(o.borders.radius).forEach(([t, n]) => {
+			e[`--datatable-radius-${t}`] = n;
+		}), o.borders.width && Object.entries(o.borders.width).forEach(([t, n]) => {
+			e[`--datatable-border-width-${t}`] = n;
+		})), o.shadows && Object.entries(o.shadows).forEach(([t, n]) => {
+			e[`--datatable-shadow-${t}`] = n;
+		}), e;
+	}, [o]);
+	return {
+		theme: o,
+		variantClasses: s,
+		densityClasses: c,
+		customStyles: l,
+		getThemedClass: e((e, t) => t ? `${e} [--datatable-theme-key:${t}]` : e, []),
+		getThemedStyles: e((e = {}) => ({
+			...e,
+			...l
+		}), [l])
+	};
+}
+//#endregion
+export { n as useDataTableTheme };

package/dist/components/DataTable/hooks/useDataTableVirtualization.cjs.js

@@ -0,0 +1 @@
+"use client";require(`../../../_virtual/_rolldown/runtime.cjs.js`);let e=require(`react`),t=require(`@tanstack/react-virtual`);function n({data:n,virtualization:r,containerRef:i}){let[a,o]=(0,e.useState)(r?.containerHeight||600);(0,e.useEffect)(()=>{if(!i.current||!r)return;let e=new ResizeObserver(e=>{for(let t of e)o(t.contentRect.height)});return e.observe(i.current),()=>{e.disconnect()}},[i,r]);let s=(0,e.useMemo)(()=>{if(!r||r.type===`none`)return null;let e={count:n.length,getScrollElement:()=>i.current,estimateSize:()=>r.itemHeight||50,overscan:r.overscan||5};return r.type===`dynamic`?{...e,estimateSize:()=>r.estimatedItemHeight||50}:e},[n.length,r,i]),c=s?(0,t.useVirtualizer)(s):null,l=(0,e.useCallback)((e,t=`start`)=>{c&&c.scrollToIndex(e,{align:t})},[c]),u=(0,e.useCallback)(e=>{c&&c.scrollToOffset(e)},[c]),d=(0,e.useCallback)(()=>c?c.getVirtualItems():[],[c]),f=(0,e.useCallback)(()=>c?c.getTotalSize():0,[c]);return{virtualizer:c,isVirtualized:r?.type!==`none`&&s!==null,containerHeight:a,scrollToIndex:l,scrollToOffset:u,getVirtualItems:d,getTotalSize:f,virtualItems:c?c.getVirtualItems():[],totalSize:c?c.getTotalSize():0}}exports.useDataTableVirtualization=n;

package/dist/components/DataTable/hooks/useDataTableVirtualization.d.ts

@@ -5,9 +5,9 @@ import { VirtualizationConfig } from "../types";
 export declare function useDataTableVirtualization<TData>({ data, virtualization, containerRef, }: {
     data: TData[];
     virtualization?: VirtualizationConfig;
-    containerRef: React.RefObject<HTMLElement>;
+    containerRef: React.RefObject<HTMLElement | null>;
 }): {
-    virtualizer: import("@tanstack/react-virtual").Virtualizer<HTMLElement, Element>;
+    virtualizer: import("@tanstack/react-virtual").Virtualizer<HTMLElement, Element> | null;
     isVirtualized: boolean;
     containerHeight: number;
     scrollToIndex: (index: number, align?: "start" | "center" | "end") => void;

package/dist/components/DataTable/hooks/useDataTableVirtualization.es.js

@@ -0,0 +1,50 @@
+"use client";
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { useVirtualizer as i } from "@tanstack/react-virtual";
+//#region src/components/DataTable/hooks/useDataTableVirtualization.ts
+function a({ data: a, virtualization: o, containerRef: s }) {
+	let [c, l] = r(o?.containerHeight || 600);
+	t(() => {
+		if (!s.current || !o) return;
+		let e = new ResizeObserver((e) => {
+			for (let t of e) l(t.contentRect.height);
+		});
+		return e.observe(s.current), () => {
+			e.disconnect();
+		};
+	}, [s, o]);
+	let u = n(() => {
+		if (!o || o.type === "none") return null;
+		let e = {
+			count: a.length,
+			getScrollElement: () => s.current,
+			estimateSize: () => o.itemHeight || 50,
+			overscan: o.overscan || 5
+		};
+		return o.type === "dynamic" ? {
+			...e,
+			estimateSize: () => o.estimatedItemHeight || 50
+		} : e;
+	}, [
+		a.length,
+		o,
+		s
+	]), d = u ? i(u) : null, f = e((e, t = "start") => {
+		d && d.scrollToIndex(e, { align: t });
+	}, [d]), p = e((e) => {
+		d && d.scrollToOffset(e);
+	}, [d]), m = e(() => d ? d.getVirtualItems() : [], [d]), h = e(() => d ? d.getTotalSize() : 0, [d]);
+	return {
+		virtualizer: d,
+		isVirtualized: o?.type !== "none" && u !== null,
+		containerHeight: c,
+		scrollToIndex: f,
+		scrollToOffset: p,
+		getVirtualItems: m,
+		getTotalSize: h,
+		virtualItems: d ? d.getVirtualItems() : [],
+		totalSize: d ? d.getTotalSize() : 0
+	};
+}
+//#endregion
+export { a as useDataTableVirtualization };

package/dist/components/DataTable/hooks/useTableLayout.cjs.js

@@ -0,0 +1 @@
+"use client";require(`../../../_virtual/_rolldown/runtime.cjs.js`);let e=require(`react`);function t(t=`standard`,n=`comfortable`){let[r,i]=(0,e.useState)(t),[a,o]=(0,e.useState)(n),[s,c]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>{c(window.innerWidth<768)};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),(0,e.useEffect)(()=>{s&&r===`standard`&&i(`card`)},[s,r]),{layout:r,setLayout:i,density:a,setDensity:o,toggleLayout:(0,e.useCallback)(()=>{i(e=>{switch(e){case`standard`:return`card`;case`card`:return`compact`;case`compact`:return`standard`;default:return`standard`}})},[]),toggleDensity:(0,e.useCallback)(()=>{o(e=>e===`comfortable`?`compact`:`comfortable`)},[]),isMobile:s,densityClasses:{comfortable:{table:`text-sm`,cell:`px-4 py-3`,header:`px-4 py-3`},compact:{table:`text-xs`,cell:`px-2 py-1.5`,header:`px-2 py-2`},spacious:{table:`text-base`,cell:`px-6 py-4`,header:`px-6 py-4`}}[a]}}exports.useTableLayout=t;

package/dist/components/DataTable/hooks/useTableLayout.es.js

@@ -0,0 +1,52 @@
+"use client";
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/components/DataTable/hooks/useTableLayout.ts
+function r(r = "standard", i = "comfortable") {
+	let [a, o] = n(r), [s, c] = n(i), [l, u] = n(!1);
+	return t(() => {
+		let e = () => {
+			u(window.innerWidth < 768);
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []), t(() => {
+		l && a === "standard" && o("card");
+	}, [l, a]), {
+		layout: a,
+		setLayout: o,
+		density: s,
+		setDensity: c,
+		toggleLayout: e(() => {
+			o((e) => {
+				switch (e) {
+					case "standard": return "card";
+					case "card": return "compact";
+					case "compact": return "standard";
+					default: return "standard";
+				}
+			});
+		}, []),
+		toggleDensity: e(() => {
+			c((e) => e === "comfortable" ? "compact" : "comfortable");
+		}, []),
+		isMobile: l,
+		densityClasses: {
+			comfortable: {
+				table: "text-sm",
+				cell: "px-4 py-3",
+				header: "px-4 py-3"
+			},
+			compact: {
+				table: "text-xs",
+				cell: "px-2 py-1.5",
+				header: "px-2 py-2"
+			},
+			spacious: {
+				table: "text-base",
+				cell: "px-6 py-4",
+				header: "px-6 py-4"
+			}
+		}[s]
+	};
+}
+//#endregion
+export { r as useTableLayout };

package/dist/components/DataTable/types.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef, PaginationState, SortingState, ColumnFiltersState, VisibilityState, ColumnOrderState, ExpandedState, GroupingState } from "@tanstack/react-table";
+import { ColumnDef, PaginationState, SortingState, ColumnFiltersState, VisibilityState, ColumnOrderState, ExpandedState, GroupingState, Row } from "@tanstack/react-table";
 import { ReactNode } from "react";
 import { EditCellConfig } from "./DataTableEditCell";
 /**
@@ -66,13 +66,13 @@ export interface FilterConfig {
     /** Placeholder */
     placeholder?: string;
     /** Valeur par défaut */
-    defaultValue?: any;
+    defaultValue?: unknown;
     /** Colonne associée */
     column?: string;
     /** Fonction de filtrage personnalisée */
-    filterFn?: (row: any, columnId: string, filterValue: any) => boolean;
+    filterFn?: (row: Row<unknown>, columnId: string, filterValue: unknown) => boolean;
     /** Validation du filtre */
-    validate?: (value: any) => string | null;
+    validate?: (value: unknown) => string | null;
 }
 /**
  * Configuration de groupement
@@ -81,7 +81,7 @@ export interface GroupingConfig {
     /** Colonnes de groupement */
     columns?: string[];
     /** Fonction d'agrégation personnalisée */
-    aggregations?: Record<string, (values: any[]) => any>;
+    aggregations?: Record<string, (values: unknown[]) => unknown>;
     /** Affichage des totaux */
     showTotals?: boolean;
     /** Position des totaux */
@@ -137,7 +137,7 @@ export interface RowExpansionConfig {
     /** Colonne d'expansion */
     columnId?: string;
     /** Fonction de rendu du contenu étendu */
-    renderExpanded?: (row: any) => ReactNode;
+    renderExpanded?: (row: unknown) => ReactNode;
     /** État d'expansion initial */
     initialExpanded?: Record<string, boolean>;
 }
@@ -152,7 +152,7 @@ export interface TableAction {
     /** Icône (composant React) */
     icon?: ReactNode;
     /** Callback */
-    onClick: (selectedRows: any[]) => void;
+    onClick: (selectedRows: unknown[]) => void;
     /** Visible seulement si sélection */
     requiresSelection?: boolean;
     /** Variant du bouton */
@@ -186,13 +186,13 @@ export interface ExportConfig {
     /** Nom du fichier */
     filename?: string;
     /** Callback personnalisé */
-    onExport?: (data: any[], format: string) => void;
+    onExport?: (data: unknown[], format: string) => void;
     /** Colonnes à exporter */
     columns?: string[];
     /** Inclure les en-têtes */
     includeHeaders?: boolean;
     /** Formatage personnalisé */
-    formatters?: Record<string, (value: any) => string>;
+    formatters?: Record<string, (value: unknown) => string>;
     /** Options spécifiques par format */
     options?: {
         csv?: {
@@ -216,9 +216,9 @@ export interface ImportConfig {
     /** Formats acceptés */
     accept?: string;
     /** Callback de traitement */
-    onImport?: (data: any[]) => void;
+    onImport?: (data: unknown[]) => void;
     /** Validation des données */
-    validate?: (data: any[]) => {
+    validate?: (data: unknown[]) => {
         valid: boolean;
         errors: string[];
     };
@@ -252,7 +252,7 @@ export interface DataTableProps<TData> {
     /** Données à afficher */
     data: TData[];
     /** Définition des colonnes */
-    columns: ColumnDef<TData, any>[];
+    columns: ColumnDef<TData, unknown>[];
     /** Layout d'affichage */
     layout?: DataTableLayout;
     /** Variant visuel */
@@ -329,7 +329,7 @@ export interface DataTableProps<TData> {
     theme?: {
         colors?: Record<string, string>;
         spacing?: Record<string, string>;
-        typography?: Record<string, any>;
+        typography?: Record<string, unknown>;
     };
     /** Options de performance */
     performance?: {
@@ -350,9 +350,9 @@ export interface ColumnEditConfig<TData> {
     /** Configuration de la cellule d'édition */
     config: EditCellConfig;
     /** Validation personnalisée */
-    validate?: (value: any, row: TData) => string | null;
+    validate?: (value: unknown, row: TData) => string | null;
     /** Callback de changement */
-    onChange?: (value: any, row: TData) => void;
+    onChange?: (value: unknown, row: TData) => void;
 }
 /**
  * Configuration d'édition du DataTable

package/dist/components/DataTable/utils.cjs.js

@@ -0,0 +1,4 @@
+"use client";require(`../../_virtual/_rolldown/runtime.cjs.js`);let e=require(`clsx`);function t(...t){return(0,e.clsx)(t)}function n(e,t=`export.csv`){if(!e||e.length===0)return;let n=Object.keys(e[0]),r=[n.join(`,`),...e.map(e=>n.map(t=>{let n=e[t];return typeof n==`string`&&(n.includes(`,`)||n.includes(`"`)||n.includes(`
+`))?`"${n.replace(/"/g,`""`)}"`:n}).join(`,`))].join(`
+`),i=new Blob([r],{type:`text/csv;charset=utf-8;`}),a=document.createElement(`a`);a.href=URL.createObjectURL(i),a.download=t,a.click(),URL.revokeObjectURL(a.href)}function r(e,t=`export.json`){let n=JSON.stringify(e,null,2),r=new Blob([n],{type:`application/json;charset=utf-8;`}),i=document.createElement(`a`);i.href=URL.createObjectURL(r),i.download=t,i.click(),URL.revokeObjectURL(i.href)}async function i(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=e=>{try{let n=(e.target?.result).split(`
+`).filter(e=>e.trim());if(n.length===0){t([]);return}let r=n[0].split(`,`).map(e=>e.trim().replace(/^"|"$/g,``));t(n.slice(1).map(e=>{let t=e.split(`,`).map(e=>e.trim().replace(/^"|"$/g,``)),n={};return r.forEach((e,r)=>{n[e]=t[r]||``}),n}))}catch(e){n(e)}},r.onerror=()=>n(r.error),r.readAsText(e)})}function a(e,t){try{localStorage.setItem(`datatable_${e}`,JSON.stringify(t))}catch(e){console.warn(`[DataTable] Failed to save state:`,e)}}function o(e){try{let t=localStorage.getItem(`datatable_${e}`);return t?JSON.parse(t):null}catch(e){return console.warn(`[DataTable] Failed to load state:`,e),null}}function s(e,t,n){let r=e.getValue(t);return r==null?!1:String(r).toLowerCase().includes(n.toLowerCase())}exports.cn=t,exports.exportToCSV=n,exports.exportToJSON=r,exports.globalFilterFn=s,exports.loadTableState=o,exports.parseCSV=i,exports.saveTableState=a;

package/dist/components/DataTable/utils.d.ts

@@ -1,4 +1,6 @@
 import { type ClassValue } from "clsx";
+import type { Row } from "@tanstack/react-table";
+import type { DataTableState } from "./types";
 /**
  * Utilitaire pour merger les classes CSS
  */
@@ -6,7 +8,7 @@ export declare function cn(...inputs: ClassValue[]): string;
 /**
  * Export des données en CSV
  */
-export declare function exportToCSV<T extends Record<string, any>>(data: T[], filename?: string): void;
+export declare function exportToCSV<T extends Record<string, unknown>>(data: T[], filename?: string): void;
 /**
  * Export des données en JSON
  */
@@ -14,15 +16,15 @@ export declare function exportToJSON<T>(data: T[], filename?: string): void;
 /**
  * Parse un fichier CSV
  */
-export declare function parseCSV(file: File): Promise<any[]>;
+export declare function parseCSV(file: File): Promise<Record<string, string>[]>;
 /**
  * Sauvegarde de l'état dans localStorage
  */
-export declare function saveTableState(tableId: string, state: any): void;
+export declare function saveTableState(tableId: string, state: unknown): void;
 /**
  * Chargement de l'état depuis localStorage
  */
-export declare function loadTableState(tableId: string): any | null;
+export declare function loadTableState(tableId: string): Partial<DataTableState> | null;
 /**
  * Génère un ID unique
  */
@@ -30,8 +32,9 @@ export declare function generateId(): string;
 /**
  * Debounce une fonction
  */
-export declare function debounce<T extends (...args: any[]) => any>(func: T, wait: number): (...args: Parameters<T>) => void;
+export declare function debounce<T extends (...args: never[]) => unknown>(func: T, wait: number): (...args: Parameters<T>) => void;
 /**
- * Filtre global sur les données
+ * Filtre global sur les données.
+ * Appelé par TanStack Table une fois par row × colonne avec row.getValue(columnId).
  */
-export declare function globalFilterFn<T extends Record<string, any>>(row: T, columnId: string, filterValue: string): boolean;
+export declare function globalFilterFn<TData>(row: Row<TData>, columnId: string, filterValue: string): boolean;

package/dist/components/DataTable/utils.es.js

@@ -0,0 +1,62 @@
+"use client";
+import { clsx as e } from "clsx";
+//#region src/components/DataTable/utils.ts
+function t(...t) {
+	return e(t);
+}
+function n(e, t = "export.csv") {
+	if (!e || e.length === 0) return;
+	let n = Object.keys(e[0]), r = [n.join(","), ...e.map((e) => n.map((t) => {
+		let n = e[t];
+		return typeof n == "string" && (n.includes(",") || n.includes("\"") || n.includes("\n")) ? `"${n.replace(/"/g, "\"\"")}"` : n;
+	}).join(","))].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = document.createElement("a");
+	a.href = URL.createObjectURL(i), a.download = t, a.click(), URL.revokeObjectURL(a.href);
+}
+function r(e, t = "export.json") {
+	let n = JSON.stringify(e, null, 2), r = new Blob([n], { type: "application/json;charset=utf-8;" }), i = document.createElement("a");
+	i.href = URL.createObjectURL(r), i.download = t, i.click(), URL.revokeObjectURL(i.href);
+}
+async function i(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = (e) => {
+			try {
+				let n = (e.target?.result).split("\n").filter((e) => e.trim());
+				if (n.length === 0) {
+					t([]);
+					return;
+				}
+				let r = n[0].split(",").map((e) => e.trim().replace(/^"|"$/g, ""));
+				t(n.slice(1).map((e) => {
+					let t = e.split(",").map((e) => e.trim().replace(/^"|"$/g, "")), n = {};
+					return r.forEach((e, r) => {
+						n[e] = t[r] || "";
+					}), n;
+				}));
+			} catch (e) {
+				n(e);
+			}
+		}, r.onerror = () => n(r.error), r.readAsText(e);
+	});
+}
+function a(e, t) {
+	try {
+		localStorage.setItem(`datatable_${e}`, JSON.stringify(t));
+	} catch (e) {
+		console.warn("[DataTable] Failed to save state:", e);
+	}
+}
+function o(e) {
+	try {
+		let t = localStorage.getItem(`datatable_${e}`);
+		return t ? JSON.parse(t) : null;
+	} catch (e) {
+		return console.warn("[DataTable] Failed to load state:", e), null;
+	}
+}
+function s(e, t, n) {
+	let r = e.getValue(t);
+	return r == null ? !1 : String(r).toLowerCase().includes(n.toLowerCase());
+}
+//#endregion
+export { t as cn, n as exportToCSV, r as exportToJSON, s as globalFilterFn, o as loadTableState, i as parseCSV, a as saveTableState };

package/dist/components/accordion/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`@radix-ui/react-accordion`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o=r.Root,s=n.forwardRef(({className:e,...n},i)=>(0,a.jsx)(r.Item,{ref:i,className:t.cn(`border-b`,e),...n}));s.displayName=`AccordionItem`;var c=n.forwardRef(({className:e,children:n,...o},s)=>(0,a.jsx)(r.Header,{className:`flex`,children:(0,a.jsxs)(r.Trigger,{ref:s,className:t.cn(`flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180`,e),...o,children:[n,(0,a.jsx)(i.ChevronDown,{className:`h-4 w-4 shrink-0 transition-transform duration-200`})]})}));c.displayName=r.Trigger.displayName;var l=n.forwardRef(({className:e,children:n,...i},o)=>(0,a.jsx)(r.Content,{ref:o,className:`overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down`,...i,children:(0,a.jsx)(`div`,{className:t.cn(`pb-4 pt-0`,e),children:n})}));l.displayName=r.Content.displayName,exports.Accordion=o,exports.AccordionContent=l,exports.AccordionItem=s,exports.AccordionTrigger=c;

package/dist/components/accordion/index.es.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import * as n from "@radix-ui/react-accordion";
+import { ChevronDown as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/accordion/index.tsx
+var o = n.Root, s = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ i(n.Item, {
+	ref: a,
+	className: e("border-b", t),
+	...r
+}));
+s.displayName = "AccordionItem";
+var c = t.forwardRef(({ className: t, children: o, ...s }, c) => /* @__PURE__ */ i(n.Header, {
+	className: "flex",
+	children: /* @__PURE__ */ a(n.Trigger, {
+		ref: c,
+		className: e("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", t),
+		...s,
+		children: [o, /* @__PURE__ */ i(r, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })]
+	})
+}));
+c.displayName = n.Trigger.displayName;
+var l = t.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ i(n.Content, {
+	ref: o,
+	className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+	...a,
+	children: /* @__PURE__ */ i("div", {
+		className: e("pb-4 pt-0", t),
+		children: r
+	})
+}));
+l.displayName = n.Content.displayName;
+//#endregion
+export { o as Accordion, l as AccordionContent, s as AccordionItem, c as AccordionTrigger };

package/dist/components/alert/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`class-variance-authority`),i=require(`react/jsx-runtime`);var a=(0,r.cva)(`relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7`,{variants:{variant:{default:`bg-background text-foreground`,destructive:`border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive`}},defaultVariants:{variant:`default`}}),o=n.forwardRef(({className:e,variant:n,...r},o)=>(0,i.jsx)(`div`,{ref:o,role:`alert`,className:t.cn(a({variant:n}),e),...r}));o.displayName=`Alert`;var s=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`h5`,{ref:r,className:t.cn(`mb-1 font-medium leading-none tracking-tight`,e),...n}));s.displayName=`AlertTitle`;var c=n.forwardRef(({className:e,...n},r)=>(0,i.jsx)(`div`,{ref:r,className:t.cn(`text-sm [&_p]:leading-relaxed`,e),...n}));c.displayName=`AlertDescription`,exports.Alert=o,exports.AlertDescription=c,exports.AlertTitle=s;

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { Alert, AlertTitle, AlertDescription };

package/dist/components/alert/index.es.js

@@ -0,0 +1,34 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/alert/index.tsx
+var i = n("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
+	variants: { variant: {
+		default: "bg-background text-foreground",
+		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+}), a = t.forwardRef(({ className: t, variant: n, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	role: "alert",
+	className: e(i({ variant: n }), t),
+	...a
+}));
+a.displayName = "Alert";
+var o = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("h5", {
+	ref: i,
+	className: e("mb-1 font-medium leading-none tracking-tight", t),
+	...n
+}));
+o.displayName = "AlertTitle";
+var s = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("text-sm [&_p]:leading-relaxed", t),
+	...n
+}));
+s.displayName = "AlertDescription";
+//#endregion
+export { a as Alert, s as AlertDescription, o as AlertTitle };

package/dist/components/alert-dialog/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`),i=require(`@radix-ui/react-alert-dialog`);i=e.__toESM(i);var a=i.Root,o=i.Trigger,s=i.Portal,c=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Overlay,{className:t.cn(`fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,e),...n,ref:a}));c.displayName=i.Overlay.displayName;var l=n.forwardRef(({className:e,...n},a)=>(0,r.jsxs)(s,{children:[(0,r.jsx)(c,{}),(0,r.jsx)(i.Content,{ref:a,className:t.cn(`fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg`,e),...n})]}));l.displayName=i.Content.displayName;var u=({className:e,...n})=>(0,r.jsx)(`div`,{className:t.cn(`flex flex-col space-y-2 text-center sm:text-left`,e),...n});u.displayName=`AlertDialogHeader`;var d=({className:e,...n})=>(0,r.jsx)(`div`,{className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2`,e),...n});d.displayName=`AlertDialogFooter`;var f=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Title,{ref:a,className:t.cn(`text-lg font-semibold`,e),...n}));f.displayName=i.Title.displayName;var p=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Description,{ref:a,className:t.cn(`text-sm text-muted-foreground`,e),...n}));p.displayName=i.Description.displayName;var m=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Action,{ref:a,className:t.cn(`inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...n}));m.displayName=i.Action.displayName;var h=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Cancel,{ref:a,className:t.cn(`mt-2 inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-semibold ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:mt-0`,e),...n}));h.displayName=i.Cancel.displayName,exports.AlertDialog=a,exports.AlertDialogAction=m,exports.AlertDialogCancel=h,exports.AlertDialogContent=l,exports.AlertDialogDescription=p,exports.AlertDialogFooter=d,exports.AlertDialogHeader=u,exports.AlertDialogOverlay=c,exports.AlertDialogPortal=s,exports.AlertDialogTitle=f,exports.AlertDialogTrigger=o;

package/dist/components/alert-dialog/index.es.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-alert-dialog";
+//#region src/components/alert-dialog/index.tsx
+var a = i.Root, o = i.Trigger, s = i.Portal, c = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Overlay, {
+	className: e("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
+	...r,
+	ref: a
+}));
+c.displayName = i.Overlay.displayName;
+var l = t.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ r(s, { children: [/* @__PURE__ */ n(c, {}), /* @__PURE__ */ n(i.Content, {
+	ref: o,
+	className: e("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", t),
+	...a
+})] }));
+l.displayName = i.Content.displayName;
+var u = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col space-y-2 text-center sm:text-left", t),
+	...r
+});
+u.displayName = "AlertDialogHeader";
+var d = ({ className: t, ...r }) => /* @__PURE__ */ n("div", {
+	className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
+	...r
+});
+d.displayName = "AlertDialogFooter";
+var f = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Title, {
+	ref: a,
+	className: e("text-lg font-semibold", t),
+	...r
+}));
+f.displayName = i.Title.displayName;
+var p = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Description, {
+	ref: a,
+	className: e("text-sm text-muted-foreground", t),
+	...r
+}));
+p.displayName = i.Description.displayName;
+var m = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Action, {
+	ref: a,
+	className: e("inline-flex h-10 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-semibold text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", t),
+	...r
+}));
+m.displayName = i.Action.displayName;
+var h = t.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ n(i.Cancel, {
+	ref: a,
+	className: e("mt-2 inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-semibold ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 sm:mt-0", t),
+	...r
+}));
+h.displayName = i.Cancel.displayName;
+//#endregion
+export { a as AlertDialog, m as AlertDialogAction, h as AlertDialogCancel, l as AlertDialogContent, p as AlertDialogDescription, d as AlertDialogFooter, u as AlertDialogHeader, c as AlertDialogOverlay, s as AlertDialogPortal, f as AlertDialogTitle, o as AlertDialogTrigger };

package/dist/components/aspect-ratio/index.cjs.js

@@ -0,0 +1 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`);let t=require(`@radix-ui/react-aspect-ratio`);t=e.__toESM(t);var n=t.Root;exports.AspectRatio=n;