@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-database-card/index.es.js

@@ -0,0 +1,390 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "../card/index.es.js";
+import { Progress as s } from "../progress/index.es.js";
+import "react";
+import { AlertTriangle as c, CheckCircle2 as l, Clock as u, Database as d, GitBranch as f, HardDrive as p, RefreshCw as m, Users as h, Zap as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/waka-database-card/index.tsx
+var b = {
+	postgresql: {
+		label: "PostgreSQL",
+		color: "text-blue-500"
+	},
+	mysql: {
+		label: "MySQL",
+		color: "text-orange-500"
+	},
+	mongodb: {
+		label: "MongoDB",
+		color: "text-green-500"
+	},
+	redis: {
+		label: "Redis",
+		color: "text-red-500"
+	},
+	elasticsearch: {
+		label: "Elasticsearch",
+		color: "text-yellow-500"
+	},
+	other: {
+		label: "Database",
+		color: "text-gray-500"
+	}
+}, x = {
+	healthy: {
+		label: "Healthy",
+		color: "text-green-500",
+		bgColor: "bg-green-500"
+	},
+	warning: {
+		label: "Warning",
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500"
+	},
+	critical: {
+		label: "Critical",
+		color: "text-red-500",
+		bgColor: "bg-red-500"
+	},
+	offline: {
+		label: "Offline",
+		color: "text-gray-500",
+		bgColor: "bg-gray-500"
+	},
+	syncing: {
+		label: "Syncing",
+		color: "text-blue-500",
+		bgColor: "bg-blue-500"
+	}
+};
+function S(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return parseFloat((e / t ** +r).toFixed(1)) + " " + n[r];
+}
+function C(e) {
+	return e < 60 ? `${e}s` : e < 3600 ? `${Math.floor(e / 60)}m` : e < 86400 ? `${Math.floor(e / 3600)}h` : `${Math.floor(e / 86400)}d`;
+}
+function w(e) {
+	return e < 1e3 ? `${e.toFixed(0)}ms` : `${(e / 1e3).toFixed(2)}s`;
+}
+function T({ database: T, onRefresh: E, onClick: D, detailed: O = !1, compact: k = !1, className: A }) {
+	let j = b[T.type], M = x[T.status], { metrics: N } = T, P = N.connectionsActive / N.connectionsMax * 100, F = N.storageUsed / N.storageTotal * 100;
+	return k ? /* @__PURE__ */ y("div", {
+		className: e("flex items-center gap-3 p-3 border rounded-lg hover:bg-muted/30 transition-colors cursor-pointer", T.status === "critical" && "border-red-500/50", T.status === "warning" && "border-yellow-500/50", A),
+		onClick: D,
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ v(d, { className: e("h-5 w-5", j.color) }), /* @__PURE__ */ v("div", { className: e("absolute -bottom-0.5 -right-0.5 w-2 h-2 rounded-full border border-background", M.bgColor) })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ v("div", {
+					className: "font-medium truncate",
+					children: T.name
+				}), /* @__PURE__ */ y("div", {
+					className: "text-xs text-muted-foreground flex items-center gap-2",
+					children: [/* @__PURE__ */ v("span", { children: j.label }), T.version && /* @__PURE__ */ y("span", { children: ["v", T.version] })]
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex items-center gap-3 text-xs",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ v(h, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y("span", { children: [
+							N.connectionsActive,
+							"/",
+							N.connectionsMax
+						] })]
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ v(g, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ y("span", { children: [N.queriesPerSecond, "/s"] })]
+					}),
+					N.slowQueries > 0 && /* @__PURE__ */ y(t, {
+						variant: "outline",
+						className: "text-yellow-500",
+						children: [N.slowQueries, " slow"]
+					})
+				]
+			}),
+			/* @__PURE__ */ v(t, {
+				className: e("text-white", M.bgColor),
+				children: M.label
+			})
+		]
+	}) : /* @__PURE__ */ y(r, {
+		className: e(T.status === "critical" && "border-red-500/50", T.status === "warning" && "border-yellow-500/50", A),
+		children: [/* @__PURE__ */ v(a, {
+			className: "pb-3",
+			children: /* @__PURE__ */ y("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ v("div", {
+						className: e("w-10 h-10 rounded-lg flex items-center justify-center", "bg-muted"),
+						children: /* @__PURE__ */ v(d, { className: e("h-5 w-5", j.color) })
+					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y(o, {
+						className: "text-base flex items-center gap-2",
+						children: [T.name, /* @__PURE__ */ v(t, {
+							className: e("text-white text-xs", M.bgColor),
+							children: M.label
+						})]
+					}), /* @__PURE__ */ y("div", {
+						className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ v("span", { children: j.label }),
+							T.version && /* @__PURE__ */ y("span", { children: ["v", T.version] }),
+							/* @__PURE__ */ v("span", { children: "•" }),
+							/* @__PURE__ */ y("span", { children: [
+								T.host,
+								":",
+								T.port
+							] }),
+							T.role !== "standalone" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("span", { children: "•" }), /* @__PURE__ */ y(t, {
+								variant: "outline",
+								className: "text-xs",
+								children: [/* @__PURE__ */ v(f, { className: "h-3 w-3 mr-1" }), T.role]
+							})] })
+						]
+					})] })]
+				}), E && /* @__PURE__ */ v(n, {
+					variant: "ghost",
+					size: "sm",
+					className: "h-8 w-8 p-0",
+					onClick: E,
+					children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+				})]
+			})
+		}), /* @__PURE__ */ y(i, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ y("div", {
+					className: "grid grid-cols-4 gap-3",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "text-center p-2 bg-muted/50 rounded-lg",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1",
+									children: [/* @__PURE__ */ v(h, { className: "h-3 w-3" }), "Connections"]
+								}),
+								/* @__PURE__ */ v("div", {
+									className: "text-lg font-semibold",
+									children: N.connectionsActive
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "text-xs text-muted-foreground",
+									children: ["/ ", N.connectionsMax]
+								})
+							]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "text-center p-2 bg-muted/50 rounded-lg",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1",
+								children: [/* @__PURE__ */ v(g, { className: "h-3 w-3" }), "Queries/sec"]
+							}), /* @__PURE__ */ v("div", {
+								className: "text-lg font-semibold",
+								children: N.queriesPerSecond
+							})]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "text-center p-2 bg-muted/50 rounded-lg",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1",
+								children: [/* @__PURE__ */ v(u, { className: "h-3 w-3" }), "Avg Latency"]
+							}), /* @__PURE__ */ v("div", {
+								className: "text-lg font-semibold",
+								children: w(N.avgQueryTime)
+							})]
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "text-center p-2 bg-muted/50 rounded-lg",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-center gap-1 text-xs text-muted-foreground mb-1",
+								children: [/* @__PURE__ */ v(c, { className: "h-3 w-3" }), "Slow Queries"]
+							}), /* @__PURE__ */ v("div", {
+								className: e("text-lg font-semibold", N.slowQueries > 10 && "text-red-500", N.slowQueries > 0 && N.slowQueries <= 10 && "text-yellow-500"),
+								children: N.slowQueries
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center justify-between text-sm mb-1",
+					children: [/* @__PURE__ */ y("span", {
+						className: "flex items-center gap-1 text-muted-foreground",
+						children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), "Connections"]
+					}), /* @__PURE__ */ y("span", {
+						className: e(P > 80 && "text-red-500", P > 60 && P <= 80 && "text-yellow-500"),
+						children: [P.toFixed(0), "%"]
+					})]
+				}), /* @__PURE__ */ v(s, {
+					value: P,
+					className: e("h-2", P > 80 && "[&>div]:bg-red-500", P > 60 && P <= 80 && "[&>div]:bg-yellow-500")
+				})] }),
+				/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center justify-between text-sm mb-1",
+					children: [/* @__PURE__ */ y("span", {
+						className: "flex items-center gap-1 text-muted-foreground",
+						children: [/* @__PURE__ */ v(p, { className: "h-4 w-4" }), "Storage"]
+					}), /* @__PURE__ */ y("span", { children: [
+						S(N.storageUsed),
+						" / ",
+						S(N.storageTotal)
+					] })]
+				}), /* @__PURE__ */ v(s, {
+					value: F,
+					className: e("h-2", F > 90 && "[&>div]:bg-red-500", F > 75 && F <= 90 && "[&>div]:bg-yellow-500")
+				})] }),
+				O && /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-2 gap-3 pt-2 border-t",
+					children: [
+						N.cacheHitRate !== void 0 && /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-muted-foreground",
+								children: "Cache Hit Rate"
+							}), /* @__PURE__ */ y("span", {
+								className: e(N.cacheHitRate < 90 && "text-yellow-500"),
+								children: [N.cacheHitRate.toFixed(1), "%"]
+							})]
+						}),
+						N.replicationLag !== void 0 && /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-muted-foreground",
+								children: "Replication Lag"
+							}), /* @__PURE__ */ v("span", {
+								className: e(N.replicationLag > 1e3 && "text-red-500", N.replicationLag > 100 && N.replicationLag <= 1e3 && "text-yellow-500"),
+								children: w(N.replicationLag)
+							})]
+						}),
+						N.uptime !== void 0 && /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-muted-foreground",
+								children: "Uptime"
+							}), /* @__PURE__ */ v("span", { children: C(N.uptime) })]
+						}),
+						T.replicas !== void 0 && /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between text-sm",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-muted-foreground",
+								children: "Replicas"
+							}), /* @__PURE__ */ v("span", { children: T.replicas })]
+						}),
+						T.lastBackup && /* @__PURE__ */ y("div", {
+							className: "flex items-center justify-between text-sm col-span-2",
+							children: [/* @__PURE__ */ v("span", {
+								className: "text-muted-foreground",
+								children: "Last Backup"
+							}), /* @__PURE__ */ y("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ v(l, { className: "h-3 w-3 text-green-500" }), T.lastBackup.toLocaleDateString("fr-FR", {
+									day: "2-digit",
+									month: "short",
+									hour: "2-digit",
+									minute: "2-digit"
+								})]
+							})]
+						})
+					]
+				}),
+				T.tags && T.tags.length > 0 && /* @__PURE__ */ v("div", {
+					className: "flex flex-wrap gap-1 pt-2 border-t",
+					children: T.tags.map((e) => /* @__PURE__ */ v(t, {
+						variant: "secondary",
+						className: "text-xs",
+						children: e
+					}, e))
+				})
+			]
+		})]
+	});
+}
+var E = {
+	id: "1",
+	name: "production-db",
+	type: "postgresql",
+	version: "15.4",
+	host: "db.example.com",
+	port: 5432,
+	status: "healthy",
+	role: "primary",
+	metrics: {
+		connectionsActive: 45,
+		connectionsMax: 100,
+		queriesPerSecond: 1250,
+		slowQueries: 3,
+		avgQueryTime: 12.5,
+		cacheHitRate: 98.5,
+		storageUsed: 85 * 1024 * 1024 * 1024,
+		storageTotal: 200 * 1024 * 1024 * 1024,
+		replicationLag: 25,
+		uptime: 1080 * 3600
+	},
+	replicas: 2,
+	lastBackup: /* @__PURE__ */ new Date(Date.now() - 4 * 36e5),
+	tags: ["production", "critical"]
+}, D = [
+	E,
+	{
+		id: "2",
+		name: "cache-redis",
+		type: "redis",
+		version: "7.2",
+		host: "redis.example.com",
+		port: 6379,
+		status: "healthy",
+		role: "primary",
+		metrics: {
+			connectionsActive: 120,
+			connectionsMax: 1e4,
+			queriesPerSecond: 45e3,
+			slowQueries: 0,
+			avgQueryTime: .5,
+			storageUsed: 2 * 1024 * 1024 * 1024,
+			storageTotal: 16 * 1024 * 1024 * 1024,
+			uptime: 720 * 3600
+		},
+		tags: ["cache", "production"]
+	},
+	{
+		id: "3",
+		name: "analytics-mongo",
+		type: "mongodb",
+		version: "7.0",
+		host: "mongo.example.com",
+		port: 27017,
+		status: "warning",
+		role: "replica",
+		metrics: {
+			connectionsActive: 78,
+			connectionsMax: 100,
+			queriesPerSecond: 350,
+			slowQueries: 12,
+			avgQueryTime: 85,
+			storageUsed: 450 * 1024 * 1024 * 1024,
+			storageTotal: 500 * 1024 * 1024 * 1024,
+			replicationLag: 150,
+			uptime: 360 * 3600
+		},
+		tags: ["analytics"]
+	}
+];
+//#endregion
+export { T as WakaDatabaseCard, E as defaultDatabase, D as defaultDatabases };

package/dist/components/waka-date-range-picker/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../button/index.cjs.js`),r=require(`../calendar/index.cjs.js`),i=require(`../popover/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`),c=require(`date-fns`),l=require(`date-fns/locale`);var u=[{label:`Aujourd'hui`,getValue:()=>({from:(0,c.startOfDay)(new Date),to:(0,c.endOfDay)(new Date)})},{label:`Hier`,getValue:()=>({from:(0,c.startOfDay)((0,c.subDays)(new Date,1)),to:(0,c.endOfDay)((0,c.subDays)(new Date,1))})},{label:`7 derniers jours`,getValue:()=>({from:(0,c.startOfDay)((0,c.subDays)(new Date,6)),to:(0,c.endOfDay)(new Date)})},{label:`30 derniers jours`,getValue:()=>({from:(0,c.startOfDay)((0,c.subDays)(new Date,29)),to:(0,c.endOfDay)(new Date)})},{label:`Ce mois`,getValue:()=>({from:(0,c.startOfMonth)(new Date),to:(0,c.endOfMonth)(new Date)})},{label:`Mois dernier`,getValue:()=>({from:(0,c.startOfMonth)((0,c.subMonths)(new Date,1)),to:(0,c.endOfMonth)((0,c.subMonths)(new Date,1))})},{label:`Cette année`,getValue:()=>({from:(0,c.startOfYear)(new Date),to:(0,c.endOfDay)(new Date)})}];function d({value:e,onChange:d,placeholder:f=`Sélectionner une période`,dateFormat:p=`dd/MM/yyyy`,minDate:m,maxDate:h,disabled:g=!1,error:_=!1,showPresets:v=!0,presets:y=u,numberOfMonths:b=2,locale:x=l.fr,size:S=`md`,className:C,id:w,name:T,clearable:E=!0}){let[D,O]=a.useState(!1),[k,A]=a.useState(e);a.useEffect(()=>{A(e)},[e]);let j=e=>{A(e),d?.(e)},M=e=>{j(e.getValue()),O(!1)},N=e=>{e.stopPropagation(),j(void 0)},P=a.useMemo(()=>{if(!k?.from)return``;let e=(0,c.format)(k.from,p,{locale:x});return k.to?`${e} - ${(0,c.format)(k.to,p,{locale:x})}`:e},[k,p,x]),F={sm:`h-8 text-xs px-2`,md:`h-9 text-sm px-3`,lg:`h-10 text-base px-4`},I={sm:`h-3 w-3`,md:`h-4 w-4`,lg:`h-5 w-5`},L=a.useMemo(()=>{let e=[];return m&&e.push(e=>(0,c.isBefore)(e,(0,c.startOfDay)(m))),h&&e.push(e=>(0,c.isAfter)(e,(0,c.endOfDay)(h))),e.length>0?t=>e.some(e=>e(t)):void 0},[m,h]);return(0,s.jsxs)(i.Popover,{open:D,onOpenChange:O,children:[(0,s.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,s.jsxs)(n.Button,{id:w,variant:`outline`,role:`combobox`,"aria-expanded":D,disabled:g,className:t.cn(`w-full justify-start font-normal`,F[S],!P&&`text-muted-foreground`,_&&`border-destructive focus-visible:ring-destructive`,C),children:[(0,s.jsx)(o.Calendar,{className:t.cn(I[S],`mr-2`)}),(0,s.jsx)(`span`,{className:`flex-1 text-left truncate`,children:P||f}),E&&P&&!g&&(0,s.jsx)(o.X,{className:t.cn(I[S],`ml-2 opacity-50 hover:opacity-100`),onClick:N})]})}),(0,s.jsxs)(i.PopoverContent,{className:`w-auto p-0`,align:`start`,children:[(0,s.jsxs)(`div`,{className:`flex`,children:[v&&y.length>0&&(0,s.jsx)(`div`,{className:`border-r p-2 space-y-1`,children:y.map((e,t)=>(0,s.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start text-xs`,onClick:()=>M(e),children:e.label},t))}),(0,s.jsx)(`div`,{className:`p-3`,children:(0,s.jsx)(r.Calendar,{mode:`range`,selected:k,onSelect:j,numberOfMonths:b,locale:x,disabled:L,initialFocus:!0})})]}),(0,s.jsxs)(`div`,{className:`border-t p-3 flex justify-between items-center`,children:[(0,s.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:k?.from&&k?.to&&(0,s.jsxs)(s.Fragment,{children:[Math.ceil((k.to.getTime()-k.from.getTime())/(1e3*60*60*24))+1,` `,`jours sélectionnés`]})}),(0,s.jsxs)(`div`,{className:`flex gap-2`,children:[E&&(0,s.jsx)(n.Button,{variant:`ghost`,size:`sm`,onClick:()=>j(void 0),children:`Effacer`}),(0,s.jsx)(n.Button,{size:`sm`,onClick:()=>O(!1),children:`Appliquer`})]})]})]})]})}function f(e={}){let{initialValue:t,minDate:n,maxDate:r}=e,[i,o]=a.useState(t),s=()=>o(void 0),l=()=>{o({from:(0,c.startOfDay)(new Date),to:(0,c.endOfDay)(new Date)})},u=()=>{o({from:(0,c.startOfDay)((0,c.subDays)(new Date,6)),to:(0,c.endOfDay)(new Date)})},d=()=>{o({from:(0,c.startOfMonth)(new Date),to:(0,c.endOfMonth)(new Date)})},f=e=>!(!e?.from||!e?.to||!(0,c.isValid)(e.from)||!(0,c.isValid)(e.to)||(0,c.isAfter)(e.from,e.to)||n&&(0,c.isBefore)(e.from,(0,c.startOfDay)(n))||r&&(0,c.isAfter)(e.to,(0,c.endOfDay)(r)));return{value:i,onChange:o,clear:s,setToday:l,setThisWeek:u,setThisMonth:d,isValidRange:()=>f(i),dayCount:!i?.from||!i?.to?null:Math.ceil((i.to.getTime()-i.from.getTime())/(1e3*60*60*24))+1,minDate:n,maxDate:r}}exports.default=d,exports.defaultPresets=u,exports.useDateRangePicker=f;

package/dist/components/waka-date-range-picker/index.d.ts

@@ -53,16 +53,16 @@ export interface UseDateRangePickerOptions {
     maxDate?: Date;
 }
 export declare function useDateRangePicker(options?: UseDateRangePickerOptions): {
-    value: RdpDateRange;
-    onChange: React.Dispatch<React.SetStateAction<RdpDateRange>>;
+    value: RdpDateRange | undefined;
+    onChange: React.Dispatch<React.SetStateAction<RdpDateRange | undefined>>;
     clear: () => void;
     setToday: () => void;
     setThisWeek: () => void;
     setThisMonth: () => void;
     isValidRange: () => boolean;
-    dayCount: number;
-    minDate: Date;
-    maxDate: Date;
+    dayCount: number | null;
+    minDate: Date | undefined;
+    maxDate: Date | undefined;
 };
 export { defaultPresets };
 export default WakaDateRangePicker;

package/dist/components/waka-date-range-picker/index.es.js

@@ -0,0 +1,202 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Calendar as n } from "../calendar/index.es.js";
+import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../popover/index.es.js";
+import * as o from "react";
+import { Calendar as s, X as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { endOfDay as f, endOfMonth as p, format as m, isAfter as h, isBefore as g, isValid as _, startOfDay as v, startOfMonth as y, startOfYear as b, subDays as x, subMonths as S } from "date-fns";
+import { fr as C } from "date-fns/locale";
+//#region src/components/waka-date-range-picker/index.tsx
+var w = [
+	{
+		label: "Aujourd'hui",
+		getValue: () => ({
+			from: v(/* @__PURE__ */ new Date()),
+			to: f(/* @__PURE__ */ new Date())
+		})
+	},
+	{
+		label: "Hier",
+		getValue: () => ({
+			from: v(x(/* @__PURE__ */ new Date(), 1)),
+			to: f(x(/* @__PURE__ */ new Date(), 1))
+		})
+	},
+	{
+		label: "7 derniers jours",
+		getValue: () => ({
+			from: v(x(/* @__PURE__ */ new Date(), 6)),
+			to: f(/* @__PURE__ */ new Date())
+		})
+	},
+	{
+		label: "30 derniers jours",
+		getValue: () => ({
+			from: v(x(/* @__PURE__ */ new Date(), 29)),
+			to: f(/* @__PURE__ */ new Date())
+		})
+	},
+	{
+		label: "Ce mois",
+		getValue: () => ({
+			from: y(/* @__PURE__ */ new Date()),
+			to: p(/* @__PURE__ */ new Date())
+		})
+	},
+	{
+		label: "Mois dernier",
+		getValue: () => ({
+			from: y(S(/* @__PURE__ */ new Date(), 1)),
+			to: p(S(/* @__PURE__ */ new Date(), 1))
+		})
+	},
+	{
+		label: "Cette année",
+		getValue: () => ({
+			from: b(/* @__PURE__ */ new Date()),
+			to: f(/* @__PURE__ */ new Date())
+		})
+	}
+];
+function T({ value: p, onChange: _, placeholder: y = "Sélectionner une période", dateFormat: b = "dd/MM/yyyy", minDate: x, maxDate: S, disabled: T = !1, error: E = !1, showPresets: D = !0, presets: O = w, numberOfMonths: k = 2, locale: A = C, size: j = "md", className: M, id: N, name: P, clearable: F = !0 }) {
+	let [I, L] = o.useState(!1), [R, z] = o.useState(p);
+	o.useEffect(() => {
+		z(p);
+	}, [p]);
+	let B = (e) => {
+		z(e), _?.(e);
+	}, V = (e) => {
+		B(e.getValue()), L(!1);
+	}, H = (e) => {
+		e.stopPropagation(), B(void 0);
+	}, U = o.useMemo(() => {
+		if (!R?.from) return "";
+		let e = m(R.from, b, { locale: A });
+		return R.to ? `${e} - ${m(R.to, b, { locale: A })}` : e;
+	}, [
+		R,
+		b,
+		A
+	]), W = {
+		sm: "h-8 text-xs px-2",
+		md: "h-9 text-sm px-3",
+		lg: "h-10 text-base px-4"
+	}, G = {
+		sm: "h-3 w-3",
+		md: "h-4 w-4",
+		lg: "h-5 w-5"
+	}, K = o.useMemo(() => {
+		let e = [];
+		return x && e.push((e) => g(e, v(x))), S && e.push((e) => h(e, f(S))), e.length > 0 ? (t) => e.some((e) => e(t)) : void 0;
+	}, [x, S]);
+	return /* @__PURE__ */ d(r, {
+		open: I,
+		onOpenChange: L,
+		children: [/* @__PURE__ */ u(a, {
+			asChild: !0,
+			children: /* @__PURE__ */ d(t, {
+				id: N,
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": I,
+				disabled: T,
+				className: e("w-full justify-start font-normal", W[j], !U && "text-muted-foreground", E && "border-destructive focus-visible:ring-destructive", M),
+				children: [
+					/* @__PURE__ */ u(s, { className: e(G[j], "mr-2") }),
+					/* @__PURE__ */ u("span", {
+						className: "flex-1 text-left truncate",
+						children: U || y
+					}),
+					F && U && !T && /* @__PURE__ */ u(c, {
+						className: e(G[j], "ml-2 opacity-50 hover:opacity-100"),
+						onClick: H
+					})
+				]
+			})
+		}), /* @__PURE__ */ d(i, {
+			className: "w-auto p-0",
+			align: "start",
+			children: [/* @__PURE__ */ d("div", {
+				className: "flex",
+				children: [D && O.length > 0 && /* @__PURE__ */ u("div", {
+					className: "border-r p-2 space-y-1",
+					children: O.map((e, n) => /* @__PURE__ */ u(t, {
+						variant: "ghost",
+						size: "sm",
+						className: "w-full justify-start text-xs",
+						onClick: () => V(e),
+						children: e.label
+					}, n))
+				}), /* @__PURE__ */ u("div", {
+					className: "p-3",
+					children: /* @__PURE__ */ u(n, {
+						mode: "range",
+						selected: R,
+						onSelect: B,
+						numberOfMonths: k,
+						locale: A,
+						disabled: K,
+						initialFocus: !0
+					})
+				})]
+			}), /* @__PURE__ */ d("div", {
+				className: "border-t p-3 flex justify-between items-center",
+				children: [/* @__PURE__ */ u("div", {
+					className: "text-xs text-muted-foreground",
+					children: R?.from && R?.to && /* @__PURE__ */ d(l, { children: [
+						Math.ceil((R.to.getTime() - R.from.getTime()) / (1e3 * 60 * 60 * 24)) + 1,
+						" ",
+						"jours sélectionnés"
+					] })
+				}), /* @__PURE__ */ d("div", {
+					className: "flex gap-2",
+					children: [F && /* @__PURE__ */ u(t, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => B(void 0),
+						children: "Effacer"
+					}), /* @__PURE__ */ u(t, {
+						size: "sm",
+						onClick: () => L(!1),
+						children: "Appliquer"
+					})]
+				})]
+			})]
+		})]
+	});
+}
+function E(e = {}) {
+	let { initialValue: t, minDate: n, maxDate: r } = e, [i, a] = o.useState(t), s = () => a(void 0), c = () => {
+		a({
+			from: v(/* @__PURE__ */ new Date()),
+			to: f(/* @__PURE__ */ new Date())
+		});
+	}, l = () => {
+		a({
+			from: v(x(/* @__PURE__ */ new Date(), 6)),
+			to: f(/* @__PURE__ */ new Date())
+		});
+	}, u = () => {
+		a({
+			from: y(/* @__PURE__ */ new Date()),
+			to: p(/* @__PURE__ */ new Date())
+		});
+	}, d = (e) => !(!e?.from || !e?.to || !_(e.from) || !_(e.to) || h(e.from, e.to) || n && g(e.from, v(n)) || r && h(e.to, f(r)));
+	return {
+		value: i,
+		onChange: a,
+		clear: s,
+		setToday: c,
+		setThisWeek: l,
+		setThisMonth: u,
+		isValidRange: () => d(i),
+		dayCount: !i?.from || !i?.to ? null : Math.ceil((i.to.getTime() - i.from.getTime()) / (1e3 * 60 * 60 * 24)) + 1,
+		minDate: n,
+		maxDate: r
+	};
+}
+//#endregion
+export { T as default, w as defaultPresets, E as useDateRangePicker };

package/dist/components/waka-datetime-picker/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../button/index.cjs.js`),r=require(`../label/index.cjs.js`),i=require(`../popover/index.cjs.js`),ee=require(`../scroll-area/index.cjs.js`),te=require(`../separator/index.cjs.js`),a=require(`../tooltip/index.cjs.js`),ne=require(`../../hooks/use-translation.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`),l=require(`date-fns`),u=require(`date-fns/locale`),d=require(`react-datepicker`);d=e.__toESM(d),(0,d.registerLocale)(`fr`,u.fr),(0,d.registerLocale)(`en`,u.enUS),(0,d.registerLocale)(`es`,u.es),(0,d.registerLocale)(`de`,u.de),(0,d.registerLocale)(`it`,u.it),(0,d.registerLocale)(`pt`,u.pt),(0,d.registerLocale)(`ja`,u.ja),(0,d.registerLocale)(`zh`,u.zhCN);var f=o.forwardRef(({value:e,onChange:f,placeholder:p,disabled:m=!1,className:h,variant:g=`date`,format:_,minDate:v,maxDate:y,showSeconds:b=!1,showClear:x=!0,showPresets:S=!1,presets:re,locale:C=`fr`,timeFormat:w=`24h`,size:ie=`md`,error:T,label:E,required:D=!1,inline:O=!1,monthsShown:k=1,timeIntervals:ae=15,validation:A,showWeekNumbers:oe=!1,showTodayButton:j=!0,showSelectionInfo:M=!1,allowTimeRange:se=!1,timezone:ce,onBeforeChange:N,onAfterChange:P,renderDay:le,popoverClassName:ue,disableAnimations:de=!1,readOnly:F=!1,id:I,name:fe,autoFocus:pe=!1},L)=>{let{t:R}=ne.useTranslation(),[z,B]=o.useState(!1),[V,H]=o.useState(g===`range`&&e&&!(`from`in e)?{from:e,to:void 0}:e),[U,W]=o.useState(null),[G,me]=o.useState(null),K={fr:u.fr,en:u.enUS,es:u.es,de:u.de,it:u.it,pt:u.pt,ja:u.ja,zh:u.zhCN}[C]||u.fr,he=[{label:R?.(`today`)||`Aujourd'hui`,value:()=>new Date},{label:R?.(`yesterday`)||`Hier`,value:()=>(0,l.subDays)(new Date,1)},{label:R?.(`thisWeek`)||`Cette semaine`,range:()=>({from:(0,l.startOfWeek)(new Date,{locale:K}),to:(0,l.endOfWeek)(new Date,{locale:K})})},{label:R?.(`lastWeek`)||`Semaine dernière`,range:()=>({from:(0,l.startOfWeek)((0,l.subWeeks)(new Date,1),{locale:K}),to:(0,l.endOfWeek)((0,l.subWeeks)(new Date,1),{locale:K})})},{label:R?.(`thisMonth`)||`Ce mois`,range:()=>({from:(0,l.startOfMonth)(new Date),to:(0,l.endOfMonth)(new Date)})},{label:R?.(`lastMonth`)||`Mois dernier`,range:()=>({from:(0,l.startOfMonth)((0,l.subMonths)(new Date,1)),to:(0,l.endOfMonth)((0,l.subMonths)(new Date,1))})},{label:R?.(`last7Days`)||`7 derniers jours`,range:()=>({from:(0,l.subDays)(new Date,7),to:new Date})},{label:R?.(`last30Days`)||`30 derniers jours`,range:()=>({from:(0,l.subDays)(new Date,30),to:new Date})},{label:R?.(`thisYear`)||`Cette année`,range:()=>({from:(0,l.startOfYear)(new Date),to:(0,l.endOfYear)(new Date)})}],q=re||(S?he:[]),ge={sm:`h-8 px-3 text-xs`,md:`h-10 px-4 text-sm`,lg:`h-12 px-5 text-base`},J=_||(()=>{switch(g){case`time`:return b?w===`12h`?`h:mm:ss a`:`HH:mm:ss`:w===`12h`?`h:mm a`:`HH:mm`;case`datetime`:return b?w===`12h`?`PPP h:mm:ss a`:`PPP HH:mm:ss`:w===`12h`?`PPP h:mm a`:`PPP HH:mm`;case`range`:return`PPP`;case`multiple`:return`PPP`;default:return`PPP`}})(),Y=e=>{if(!A)return null;if(v&&(0,l.isBefore)(e,(0,l.startOfDay)(v)))return R?.(`dateBeforeMin`)||`Date antérieure au ${(0,l.format)(v,J,{locale:K})}`;if(y&&(0,l.isAfter)(e,(0,l.endOfDay)(y)))return R?.(`dateAfterMax`)||`Date postérieure au ${(0,l.format)(y,J,{locale:K})}`;if(A.disabledDates?.some(t=>(0,l.isEqual)((0,l.startOfDay)(t),(0,l.startOfDay)(e)))||A.disabledDatesFn?.(e))return A.message||R?.(`dateDisabled`)||`Date désactivée`;if(A.disabledDaysOfWeek?.includes(e.getDay()))return A.message||R?.(`dayOfWeekDisabled`)||`Jour de la semaine désactivé`;if(A.validate){let t=A.validate(e);if(t===!1)return A.message||R?.(`invalidDate`)||`Date invalide`;if(typeof t==`string`)return t}return null},X=e=>{if(F)return;let t=null;if(g===`range`){if(Array.isArray(e)&&e[0]&&e[1])t={from:e[0],to:e[1]};else if(e){let n=V;t=n?.from&&!n.to?{from:n.from,to:e}:{from:e,to:void 0}}}else if(g===`multiple`)if(Array.isArray(V)){let n=[...V],r=n.findIndex(t=>(0,l.isEqual)((0,l.startOfDay)(t),(0,l.startOfDay)(e)));r>=0?n.splice(r,1):n.push(e),t=n}else t=e?[e]:[];else t=e;if(!(N&&!N(t))){if(t&&!Array.isArray(t)&&!(`from`in t)){let e=Y(t);if(e){W(e);return}}W(null),H(t),f?.(t),P?.(t),g!==`range`&&g!==`multiple`&&!O&&B(!1)}},_e=e=>{if(e.range){let t=typeof e.range==`function`?e.range():e.range;X([t.from,t.to])}else e.value&&X(typeof e.value==`function`?e.value():e.value);O||B(!1)},Z=e=>{e&&e.stopPropagation(),!F&&(H(null),W(null),f?.(null),P?.(null))},ve=()=>{X(new Date)},Q=()=>{if(!V)return p||R?.(`selectDate`)||`Sélectionner une date`;try{if(g===`range`){let e=V;return e.from&&e.to?`${(0,l.format)(e.from,J,{locale:K})} - ${(0,l.format)(e.to,J,{locale:K})}`:e.from?`${(0,l.format)(e.from,J,{locale:K})} - ...`:p||R?.(`selectDateRange`)||`Sélectionner une période`}if(g===`multiple`){let e=V;return e.length===0?p||R?.(`selectDates`)||`Sélectionner des dates`:e.length===1?(0,l.format)(e[0],J,{locale:K}):`${e.length} ${R?.(`datesSelected`)||`dates sélectionnées`}`}return(0,l.format)(V,J,{locale:K})}catch(e){return console.error(`Error formatting date:`,e),p||R?.(`selectDate`)||`Sélectionner une date`}},ye=e=>!!(v&&(0,l.isBefore)(e,(0,l.startOfDay)(v))||y&&(0,l.isAfter)(e,(0,l.endOfDay)(y))||A?.disabledDates?.some(t=>(0,l.isEqual)((0,l.startOfDay)(t),(0,l.startOfDay)(e)))||A?.disabledDatesFn?.(e)||A?.disabledDaysOfWeek?.includes(e.getDay())),be=e=>!!(A?.highlightedDates?.some(t=>(0,l.isEqual)((0,l.startOfDay)(t),(0,l.startOfDay)(e)))||A?.highlightedDatesFn?.(e)),$=()=>{let e={selected:g===`range`?V?.from:g===`multiple`?void 0:V,onChange:X,startDate:g===`range`?V?.from:void 0,endDate:g===`range`?V?.to:void 0,selectsRange:g===`range`,selectsMultiple:g===`multiple`,highlightDates:g===`multiple`?V:void 0,showTimeSelect:g===`time`||g===`datetime`,showTimeSelectOnly:g===`time`,timeFormat:b?w===`12h`?`h:mm:ss aa`:`HH:mm:ss`:w===`12h`?`h:mm aa`:`HH:mm`,timeIntervals:ae,timeCaption:R?.(`time`)||`Heure`,dateFormat:J,locale:C,formatWeekDay:e=>e.charAt(0).toUpperCase()+e.charAt(1),placeholderText:p,disabled:m,minDate:v,maxDate:y,inline:O,monthsShown:g===`range`?Math.max(2,k):k,showWeekNumbers:oe,filterDate:e=>!ye(e),dayClassName:e=>{let t=[];if(be(e)&&t.push(`highlighted-date`),G&&g===`range`){let n=V;n?.from&&!n.to&&(0,l.isWithinInterval)(e,{start:n.from<G?n.from:G,end:n.from>G?n.from:G})&&t.push(`in-selecting-range`)}return t.join(` `)},onDayMouseEnter:e=>me(e),calendarClassName:t.cn(`waka-datepicker`,de&&`no-animations`),wrapperClassName:`w-full`,autoFocus:pe};return(0,c.jsxs)(`div`,{className:`flex gap-3`,children:[S&&q.length>0&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-1 min-w-[150px] border-r border-border pr-3`,children:[(0,c.jsx)(r.Label,{className:`text-xs font-semibold text-muted-foreground mb-1`,children:R?.(`quickSelection`)||`Sélection rapide`}),(0,c.jsx)(ee.ScrollArea,{className:`h-[300px]`,children:(0,c.jsx)(`div`,{className:`space-y-1`,children:q.map((e,t)=>(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start text-xs`,onClick:()=>_e(e),children:e.label},t))})})]}),(0,c.jsxs)(`div`,{className:`flex-1`,children:[(0,c.jsx)(d.default,{...e}),M&&V&&(0,c.jsxs)(`div`,{className:`mt-3 p-2 bg-muted rounded-md text-xs space-y-1`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.Info,{className:`h-3 w-3 text-muted-foreground`}),(0,c.jsxs)(`span`,{className:`font-medium`,children:[R?.(`selection`)||`Sélection`,` :`]})]}),(0,c.jsx)(`div`,{className:`text-muted-foreground pl-5`,children:Q()})]})]})]})};return O?(0,c.jsxs)(`div`,{ref:L,className:t.cn(`space-y-2`,h),id:I,children:[E&&(0,c.jsxs)(r.Label,{className:`text-sm font-medium text-foreground`,children:[E,D&&(0,c.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,c.jsx)(`div`,{className:`border border-border rounded-lg p-4 bg-card`,children:$()}),(T||U)&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm text-destructive`,children:[(0,c.jsx)(s.AlertCircle,{className:`h-3.5 w-3.5`}),(0,c.jsx)(`span`,{children:T||U})]})]}):(0,c.jsxs)(`div`,{ref:L,className:t.cn(`space-y-2`,h),id:I,children:[E&&(0,c.jsxs)(r.Label,{htmlFor:`${I}-input`,className:`text-sm font-medium text-foreground`,children:[E,D&&(0,c.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,c.jsxs)(i.Popover,{open:z,onOpenChange:B,children:[(0,c.jsx)(i.PopoverTrigger,{asChild:!0,children:(0,c.jsxs)(n.Button,{id:`${I}-input`,name:fe,variant:`outline`,disabled:m||F,className:t.cn(`w-full justify-between text-left font-normal`,!V&&`text-muted-foreground`,ge[ie],(T||U)&&`border-destructive focus-visible:ring-destructive`,F&&`cursor-default opacity-70`),"aria-label":E||p,"aria-invalid":!!(T||U),"aria-required":D,children:[(0,c.jsxs)(`span`,{className:`flex items-center gap-2 flex-1 truncate`,children:[g===`time`?(0,c.jsx)(s.Clock,{className:`h-4 w-4 flex-shrink-0`}):(0,c.jsx)(s.Calendar,{className:`h-4 w-4 flex-shrink-0`}),(0,c.jsx)(`span`,{className:`truncate`,children:Q()})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1 flex-shrink-0 ml-2`,children:[V&&x&&!F&&(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{asChild:!0,children:(0,c.jsx)(`div`,{className:`h-5 w-5 rounded hover:bg-destructive/10 flex items-center justify-center cursor-pointer`,onClick:Z,role:`button`,"aria-label":R?.(`clear`)||`Effacer`,children:(0,c.jsx)(s.X,{className:`h-3 w-3 text-muted-foreground hover:text-destructive`})})}),(0,c.jsx)(a.TooltipContent,{children:(0,c.jsx)(`p`,{children:R?.(`clear`)||`Effacer`})})]})}),U&&(0,c.jsx)(a.TooltipProvider,{children:(0,c.jsxs)(a.Tooltip,{children:[(0,c.jsx)(a.TooltipTrigger,{asChild:!0,children:(0,c.jsx)(s.AlertCircle,{className:`h-4 w-4 text-destructive`})}),(0,c.jsx)(a.TooltipContent,{children:(0,c.jsx)(`p`,{children:U})})]})})]})]})}),(0,c.jsxs)(i.PopoverContent,{className:t.cn(`w-auto p-0`,ue),align:`start`,sideOffset:4,children:[(0,c.jsx)(`div`,{className:`p-4`,children:$()}),(j||x)&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(te.Separator,{}),(0,c.jsxs)(`div`,{className:`flex items-center justify-between p-3 gap-2`,children:[j&&(0,c.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:ve,disabled:m||F,children:[(0,c.jsx)(s.Calendar,{className:`h-3.5 w-3.5 mr-1.5`}),R?.(`today`)||`Aujourd'hui`]}),x&&V&&(0,c.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:Z,disabled:m||F,className:`ml-auto`,children:[(0,c.jsx)(s.X,{className:`h-3.5 w-3.5 mr-1.5`}),R?.(`clear`)||`Effacer`]})]})]})]})]}),(T||U)&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm text-destructive`,children:[(0,c.jsx)(s.AlertCircle,{className:`h-3.5 w-3.5`}),(0,c.jsx)(`span`,{children:T||U})]})]})});f.displayName=`WakaDateTimePicker`,exports.WakaDateTimePicker=f;