@wakastellar/ui 4.0.0 → 4.0.1

package/dist/blocks/calendar-view/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(`../../components/button/index.cjs.js`),r=require(`../../components/card/index.cjs.js`),i=require(`../../components/select/index.cjs.js`),a=require(`../../components/popover/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`lucide-react`),c=require(`react/jsx-runtime`);var l={blue:{bg:`bg-blue-100`,text:`text-blue-700`,border:`border-blue-500`},green:{bg:`bg-green-100`,text:`text-green-700`,border:`border-green-500`},red:{bg:`bg-red-100`,text:`text-red-700`,border:`border-red-500`},yellow:{bg:`bg-yellow-100`,text:`text-yellow-700`,border:`border-yellow-500`},purple:{bg:`bg-purple-100`,text:`text-purple-700`,border:`border-purple-500`},pink:{bg:`bg-pink-100`,text:`text-pink-700`,border:`border-pink-500`},orange:{bg:`bg-orange-100`,text:`text-orange-700`,border:`border-orange-500`},cyan:{bg:`bg-cyan-100`,text:`text-cyan-700`,border:`border-cyan-500`}};function u(e,t){let n=[];new Date(e,t,1);let r=new Date(e,t+1,0);for(let i=1;i<=r.getDate();i++)n.push(new Date(e,t,i));return n}function d(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function f(e,t){return e.filter(e=>{let n=typeof e.start==`string`?new Date(e.start):e.start,r=typeof e.end==`string`?new Date(e.end):e.end;return e.allDay?d(n,t)||t>=n&&t<=r:d(n,t)})}function p({currentDate:e,viewMode:t,onPrevious:r,onNext:a,onToday:o,onViewModeChange:l,onAddClick:u,showViewSelector:d,showAddButton:f,locale:p}){return(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(n.Button,{variant:`outline`,size:`icon`,onClick:r,children:(0,c.jsx)(s.ChevronLeft,{className:`h-4 w-4`})}),(0,c.jsx)(n.Button,{variant:`outline`,size:`icon`,onClick:a,children:(0,c.jsx)(s.ChevronRight,{className:`h-4 w-4`})}),(0,c.jsx)(n.Button,{variant:`outline`,size:`sm`,onClick:o,children:`Aujourd'hui`}),(0,c.jsx)(`h2`,{className:`text-xl font-semibold ml-4 capitalize`,children:(()=>{switch(t){case`month`:return e.toLocaleDateString(p,{month:`long`,year:`numeric`});case`week`:return`Semaine du ${e.toLocaleDateString(p,{day:`numeric`,month:`long`})}`;case`day`:return e.toLocaleDateString(p,{weekday:`long`,day:`numeric`,month:`long`,year:`numeric`});case`agenda`:return`Agenda`;default:return``}})()})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[d&&l&&(0,c.jsxs)(i.Select,{value:t,onValueChange:e=>l(e),children:[(0,c.jsx)(i.SelectTrigger,{className:`w-[120px]`,children:(0,c.jsx)(i.SelectValue,{})}),(0,c.jsxs)(i.SelectContent,{children:[(0,c.jsx)(i.SelectItem,{value:`month`,children:`Mois`}),(0,c.jsx)(i.SelectItem,{value:`week`,children:`Semaine`}),(0,c.jsx)(i.SelectItem,{value:`day`,children:`Jour`}),(0,c.jsx)(i.SelectItem,{value:`agenda`,children:`Agenda`})]})]}),f&&u&&(0,c.jsxs)(n.Button,{onClick:u,children:[(0,c.jsx)(s.Plus,{className:`h-4 w-4 mr-2`}),`Événement`]})]})]})}function m({event:e,onClick:n,compact:r=!1}){let i=l[e.color||`blue`],a=typeof e.start==`string`?new Date(e.start):e.start;return(0,c.jsxs)(`button`,{onClick:e=>{e.stopPropagation(),n?.()},className:t.cn(`w-full text-left rounded px-1.5 py-0.5 text-xs truncate border-l-2`,i.bg,i.text,i.border),children:[!e.allDay&&!r&&(0,c.jsx)(`span`,{className:`font-medium mr-1`,children:a.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`})}),e.title]})}function h({event:e,onEdit:r,onDelete:i}){let a=typeof e.start==`string`?new Date(e.start):e.start,o=typeof e.end==`string`?new Date(e.end):e.end,u=l[e.color||`blue`];return(0,c.jsxs)(`div`,{className:`w-72`,children:[(0,c.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,c.jsx)(`div`,{className:t.cn(`w-3 h-3 rounded-full mt-1`,u.bg.replace(`100`,`500`))}),(0,c.jsxs)(`div`,{className:`flex gap-1`,children:[r&&(0,c.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:r,children:(0,c.jsx)(s.Edit,{className:`h-3 w-3`})}),i&&(0,c.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:i,children:(0,c.jsx)(s.Trash2,{className:`h-3 w-3`})})]})]}),(0,c.jsx)(`h4`,{className:`font-semibold mt-2`,children:e.title}),(0,c.jsxs)(`div`,{className:`space-y-2 mt-3 text-sm text-muted-foreground`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.Clock,{className:`h-4 w-4`}),e.allDay?(0,c.jsx)(`span`,{children:`Toute la journée`}):(0,c.jsxs)(`span`,{children:[a.toLocaleString(`fr-FR`,{weekday:`short`,day:`numeric`,month:`short`,hour:`2-digit`,minute:`2-digit`}),` - `,o.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`})]})]}),e.location&&(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.MapPin,{className:`h-4 w-4`}),(0,c.jsx)(`span`,{children:e.location})]}),e.attendees&&e.attendees.length>0&&(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.Users,{className:`h-4 w-4`}),(0,c.jsxs)(`span`,{children:[e.attendees.length,` participant(s)`]})]})]}),e.description&&(0,c.jsx)(`p`,{className:`mt-3 text-sm`,children:e.description})]})}function g({currentDate:e,events:n,weekStartsOn:r,locale:i,onDayClick:o,onEventClick:s,onEventEdit:l,onEventDelete:p}){let g=e.getFullYear(),_=e.getMonth(),v=u(g,_),y=new Date,b=Array.from({length:7},(e,t)=>new Date(2024,0,r+t).toLocaleDateString(i,{weekday:`short`})),x=(new Date(g,_,1).getDay()-r+7)%7,S=[];for(let e=0;e<x;e++)S.push(null);for(S.push(...v);S.length%7!=0;)S.push(null);return(0,c.jsxs)(`div`,{className:`border rounded-lg overflow-hidden`,children:[(0,c.jsx)(`div`,{className:`grid grid-cols-7 bg-muted`,children:b.map(e=>(0,c.jsx)(`div`,{className:`p-2 text-center text-sm font-medium capitalize`,children:e},e))}),(0,c.jsx)(`div`,{className:`grid grid-cols-7`,children:S.map((e,r)=>{let i=e?f(n,e):[],u=e&&d(e,y);return(0,c.jsx)(`div`,{className:t.cn(`min-h-[100px] border-t border-l p-1 cursor-pointer hover:bg-muted/50`,!(e&&e.getMonth()===_)&&`bg-muted/30 text-muted-foreground`),onClick:()=>e&&o?.(e),children:e&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:t.cn(`text-sm font-medium mb-1 w-7 h-7 flex items-center justify-center rounded-full`,u&&`bg-primary text-primary-foreground`),children:e.getDate()}),(0,c.jsxs)(`div`,{className:`space-y-1`,children:[i.slice(0,3).map(e=>(0,c.jsxs)(a.Popover,{children:[(0,c.jsx)(a.PopoverTrigger,{asChild:!0,children:(0,c.jsx)(`div`,{children:(0,c.jsx)(m,{event:e,onClick:()=>s?.(e),compact:!0})})}),(0,c.jsx)(a.PopoverContent,{children:(0,c.jsx)(h,{event:e,onEdit:()=>l?.(e.id,{}),onDelete:()=>p?.(e.id)})})]},e.id)),i.length>3&&(0,c.jsxs)(`button`,{className:`text-xs text-muted-foreground hover:text-foreground`,children:[`+`,i.length-3,` autres`]})]})]})},r)})})]})}function _({currentDate:e,events:n,locale:i,onEventClick:a}){let o=n.filter(t=>{let n=typeof t.start==`string`?new Date(t.start):t.start,r=new Date(e);return r.setDate(r.getDate()+30),n>=e&&n<=r}).sort((e,t)=>{let n=typeof e.start==`string`?new Date(e.start):e.start,r=typeof t.start==`string`?new Date(t.start):t.start;return n.getTime()-r.getTime()}),u={};return o.forEach(e=>{let t=(typeof e.start==`string`?new Date(e.start):e.start).toDateString();u[t]||(u[t]=[]),u[t].push(e)}),(0,c.jsxs)(`div`,{className:`space-y-4`,children:[Object.entries(u).map(([e,n])=>(0,c.jsxs)(`div`,{children:[(0,c.jsx)(`h3`,{className:`text-sm font-medium text-muted-foreground mb-2 capitalize`,children:new Date(e).toLocaleDateString(i,{weekday:`long`,day:`numeric`,month:`long`})}),(0,c.jsx)(`div`,{className:`space-y-2`,children:n.map(e=>{let n=l[e.color||`blue`],o=typeof e.start==`string`?new Date(e.start):e.start,u=typeof e.end==`string`?new Date(e.end):e.end;return(0,c.jsx)(r.Card,{className:`cursor-pointer hover:shadow-md transition-shadow`,onClick:()=>a?.(e),children:(0,c.jsxs)(r.CardContent,{className:`p-3 flex gap-3`,children:[(0,c.jsx)(`div`,{className:t.cn(`w-1 rounded-full`,n.bg.replace(`100`,`500`))}),(0,c.jsxs)(`div`,{className:`flex-1`,children:[(0,c.jsx)(`h4`,{className:`font-medium`,children:e.title}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.allDay?`Toute la journée`:`${o.toLocaleTimeString(i,{hour:`2-digit`,minute:`2-digit`})} - ${u.toLocaleTimeString(i,{hour:`2-digit`,minute:`2-digit`})}`}),e.location&&(0,c.jsxs)(`p`,{className:`text-sm text-muted-foreground flex items-center gap-1 mt-1`,children:[(0,c.jsx)(s.MapPin,{className:`h-3 w-3`}),e.location]})]})]})},e.id)})})]},e)),Object.keys(u).length===0&&(0,c.jsx)(`div`,{className:`text-center py-12 text-muted-foreground`,children:`Aucun événement à venir`})]})}function v({events:e,currentDate:n,onDateChange:r,viewMode:i,onViewModeChange:a,onEventClick:s,onEventCreate:l,onEventEdit:u,onEventDelete:d,onDayClick:f,showHeader:m=!0,showViewSelector:h=!0,showAddButton:v=!0,weekStartsOn:y=1,locale:b=`fr-FR`,className:x}){let[S,C]=o.useState(new Date),[w,T]=o.useState(`month`),[E,D]=o.useState(!1),O=n??S,k=i??w,A=e=>{r?r(e):C(e)};return(0,c.jsxs)(`div`,{className:t.cn(`space-y-4`,x),children:[m&&(0,c.jsx)(p,{currentDate:O,viewMode:k,onPrevious:()=>{let e=new Date(O);switch(k){case`month`:e.setMonth(e.getMonth()-1);break;case`week`:e.setDate(e.getDate()-7);break;case`day`:e.setDate(e.getDate()-1);break}A(e)},onNext:()=>{let e=new Date(O);switch(k){case`month`:e.setMonth(e.getMonth()+1);break;case`week`:e.setDate(e.getDate()+7);break;case`day`:e.setDate(e.getDate()+1);break}A(e)},onToday:()=>{A(new Date)},onViewModeChange:e=>{a?a(e):T(e)},onAddClick:()=>D(!0),showViewSelector:h,showAddButton:v,locale:b}),k===`month`&&(0,c.jsx)(g,{currentDate:O,events:e,weekStartsOn:y,locale:b,onDayClick:f,onEventClick:s,onEventEdit:u,onEventDelete:d}),k===`agenda`&&(0,c.jsx)(_,{currentDate:O,events:e,locale:b,onEventClick:s}),(k===`week`||k===`day`)&&(0,c.jsxs)(`div`,{className:`text-center py-12 text-muted-foreground`,children:[`Vue `,k===`week`?`semaine`:`jour`,` - À implémenter`]})]})}var y=[{id:`1`,title:`Réunion d'équipe`,start:new Date,end:new Date(Date.now()+1e3*60*60),color:`blue`,location:`Salle de réunion A`},{id:`2`,title:`Déjeuner avec le client`,start:new Date(Date.now()+1e3*60*60*24),end:new Date(Date.now()+1e3*60*60*25),color:`green`,location:`Restaurant Le Gourmet`},{id:`3`,title:`Formation React`,start:new Date(Date.now()+1e3*60*60*24*2),end:new Date(Date.now()+1e3*60*60*24*2+1e3*60*60*4),color:`purple`,allDay:!0},{id:`4`,title:`Deadline projet`,start:new Date(Date.now()+1e3*60*60*24*5),end:new Date(Date.now()+1e3*60*60*24*5),color:`red`,allDay:!0}];exports.default=v,exports.defaultCalendarEvents=y;

package/dist/blocks/calendar-view/index.es.js

@@ -0,0 +1,455 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import { Card as n, CardContent as r } from "../../components/card/index.es.js";
+import { Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "../../components/select/index.es.js";
+import { Popover as l, PopoverContent as u, PopoverTrigger as d } from "../../components/popover/index.es.js";
+import * as f from "react";
+import { ChevronLeft as p, ChevronRight as m, Clock as h, Edit as g, MapPin as _, Plus as v, Trash2 as y, Users as b } from "lucide-react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/blocks/calendar-view/index.tsx
+var w = {
+	blue: {
+		bg: "bg-blue-100",
+		text: "text-blue-700",
+		border: "border-blue-500"
+	},
+	green: {
+		bg: "bg-green-100",
+		text: "text-green-700",
+		border: "border-green-500"
+	},
+	red: {
+		bg: "bg-red-100",
+		text: "text-red-700",
+		border: "border-red-500"
+	},
+	yellow: {
+		bg: "bg-yellow-100",
+		text: "text-yellow-700",
+		border: "border-yellow-500"
+	},
+	purple: {
+		bg: "bg-purple-100",
+		text: "text-purple-700",
+		border: "border-purple-500"
+	},
+	pink: {
+		bg: "bg-pink-100",
+		text: "text-pink-700",
+		border: "border-pink-500"
+	},
+	orange: {
+		bg: "bg-orange-100",
+		text: "text-orange-700",
+		border: "border-orange-500"
+	},
+	cyan: {
+		bg: "bg-cyan-100",
+		text: "text-cyan-700",
+		border: "border-cyan-500"
+	}
+};
+function T(e, t) {
+	let n = [];
+	new Date(e, t, 1);
+	let r = new Date(e, t + 1, 0);
+	for (let i = 1; i <= r.getDate(); i++) n.push(new Date(e, t, i));
+	return n;
+}
+function E(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function D(e, t) {
+	return e.filter((e) => {
+		let n = typeof e.start == "string" ? new Date(e.start) : e.start, r = typeof e.end == "string" ? new Date(e.end) : e.end;
+		return e.allDay ? E(n, t) || t >= n && t <= r : E(n, t);
+	});
+}
+function O({ currentDate: e, viewMode: n, onPrevious: r, onNext: l, onToday: u, onViewModeChange: d, onAddClick: f, showViewSelector: h, showAddButton: g, locale: _ }) {
+	return /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-between mb-4",
+		children: [/* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ S(t, {
+					variant: "outline",
+					size: "icon",
+					onClick: r,
+					children: /* @__PURE__ */ S(p, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ S(t, {
+					variant: "outline",
+					size: "icon",
+					onClick: l,
+					children: /* @__PURE__ */ S(m, { className: "h-4 w-4" })
+				}),
+				/* @__PURE__ */ S(t, {
+					variant: "outline",
+					size: "sm",
+					onClick: u,
+					children: "Aujourd'hui"
+				}),
+				/* @__PURE__ */ S("h2", {
+					className: "text-xl font-semibold ml-4 capitalize",
+					children: (() => {
+						switch (n) {
+							case "month": return e.toLocaleDateString(_, {
+								month: "long",
+								year: "numeric"
+							});
+							case "week": return `Semaine du ${e.toLocaleDateString(_, {
+								day: "numeric",
+								month: "long"
+							})}`;
+							case "day": return e.toLocaleDateString(_, {
+								weekday: "long",
+								day: "numeric",
+								month: "long",
+								year: "numeric"
+							});
+							case "agenda": return "Agenda";
+							default: return "";
+						}
+					})()
+				})
+			]
+		}), /* @__PURE__ */ C("div", {
+			className: "flex items-center gap-2",
+			children: [h && d && /* @__PURE__ */ C(i, {
+				value: n,
+				onValueChange: (e) => d(e),
+				children: [/* @__PURE__ */ S(s, {
+					className: "w-[120px]",
+					children: /* @__PURE__ */ S(c, {})
+				}), /* @__PURE__ */ C(a, { children: [
+					/* @__PURE__ */ S(o, {
+						value: "month",
+						children: "Mois"
+					}),
+					/* @__PURE__ */ S(o, {
+						value: "week",
+						children: "Semaine"
+					}),
+					/* @__PURE__ */ S(o, {
+						value: "day",
+						children: "Jour"
+					}),
+					/* @__PURE__ */ S(o, {
+						value: "agenda",
+						children: "Agenda"
+					})
+				] })]
+			}), g && f && /* @__PURE__ */ C(t, {
+				onClick: f,
+				children: [/* @__PURE__ */ S(v, { className: "h-4 w-4 mr-2" }), "Événement"]
+			})]
+		})]
+	});
+}
+function k({ event: t, onClick: n, compact: r = !1 }) {
+	let i = w[t.color || "blue"], a = typeof t.start == "string" ? new Date(t.start) : t.start;
+	return /* @__PURE__ */ C("button", {
+		onClick: (e) => {
+			e.stopPropagation(), n?.();
+		},
+		className: e("w-full text-left rounded px-1.5 py-0.5 text-xs truncate border-l-2", i.bg, i.text, i.border),
+		children: [!t.allDay && !r && /* @__PURE__ */ S("span", {
+			className: "font-medium mr-1",
+			children: a.toLocaleTimeString("fr-FR", {
+				hour: "2-digit",
+				minute: "2-digit"
+			})
+		}), t.title]
+	});
+}
+function A({ event: n, onEdit: r, onDelete: i }) {
+	let a = typeof n.start == "string" ? new Date(n.start) : n.start, o = typeof n.end == "string" ? new Date(n.end) : n.end, s = w[n.color || "blue"];
+	return /* @__PURE__ */ C("div", {
+		className: "w-72",
+		children: [
+			/* @__PURE__ */ C("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ S("div", { className: e("w-3 h-3 rounded-full mt-1", s.bg.replace("100", "500")) }), /* @__PURE__ */ C("div", {
+					className: "flex gap-1",
+					children: [r && /* @__PURE__ */ S(t, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: r,
+						children: /* @__PURE__ */ S(g, { className: "h-3 w-3" })
+					}), i && /* @__PURE__ */ S(t, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						onClick: i,
+						children: /* @__PURE__ */ S(y, { className: "h-3 w-3" })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("h4", {
+				className: "font-semibold mt-2",
+				children: n.title
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "space-y-2 mt-3 text-sm text-muted-foreground",
+				children: [
+					/* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(h, { className: "h-4 w-4" }), n.allDay ? /* @__PURE__ */ S("span", { children: "Toute la journée" }) : /* @__PURE__ */ C("span", { children: [
+							a.toLocaleString("fr-FR", {
+								weekday: "short",
+								day: "numeric",
+								month: "short",
+								hour: "2-digit",
+								minute: "2-digit"
+							}),
+							" - ",
+							o.toLocaleTimeString("fr-FR", {
+								hour: "2-digit",
+								minute: "2-digit"
+							})
+						] })]
+					}),
+					n.location && /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(_, { className: "h-4 w-4" }), /* @__PURE__ */ S("span", { children: n.location })]
+					}),
+					n.attendees && n.attendees.length > 0 && /* @__PURE__ */ C("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ S(b, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: [n.attendees.length, " participant(s)"] })]
+					})
+				]
+			}),
+			n.description && /* @__PURE__ */ S("p", {
+				className: "mt-3 text-sm",
+				children: n.description
+			})
+		]
+	});
+}
+function j({ currentDate: t, events: n, weekStartsOn: r, locale: i, onDayClick: a, onEventClick: o, onEventEdit: s, onEventDelete: c }) {
+	let f = t.getFullYear(), p = t.getMonth(), m = T(f, p), h = /* @__PURE__ */ new Date(), g = Array.from({ length: 7 }, (e, t) => new Date(2024, 0, r + t).toLocaleDateString(i, { weekday: "short" })), _ = (new Date(f, p, 1).getDay() - r + 7) % 7, v = [];
+	for (let e = 0; e < _; e++) v.push(null);
+	for (v.push(...m); v.length % 7 != 0;) v.push(null);
+	return /* @__PURE__ */ C("div", {
+		className: "border rounded-lg overflow-hidden",
+		children: [/* @__PURE__ */ S("div", {
+			className: "grid grid-cols-7 bg-muted",
+			children: g.map((e) => /* @__PURE__ */ S("div", {
+				className: "p-2 text-center text-sm font-medium capitalize",
+				children: e
+			}, e))
+		}), /* @__PURE__ */ S("div", {
+			className: "grid grid-cols-7",
+			children: v.map((t, r) => {
+				let i = t ? D(n, t) : [], f = t && E(t, h);
+				return /* @__PURE__ */ S("div", {
+					className: e("min-h-[100px] border-t border-l p-1 cursor-pointer hover:bg-muted/50", !(t && t.getMonth() === p) && "bg-muted/30 text-muted-foreground"),
+					onClick: () => t && a?.(t),
+					children: t && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+						className: e("text-sm font-medium mb-1 w-7 h-7 flex items-center justify-center rounded-full", f && "bg-primary text-primary-foreground"),
+						children: t.getDate()
+					}), /* @__PURE__ */ C("div", {
+						className: "space-y-1",
+						children: [i.slice(0, 3).map((e) => /* @__PURE__ */ C(l, { children: [/* @__PURE__ */ S(d, {
+							asChild: !0,
+							children: /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(k, {
+								event: e,
+								onClick: () => o?.(e),
+								compact: !0
+							}) })
+						}), /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(A, {
+							event: e,
+							onEdit: () => s?.(e.id, {}),
+							onDelete: () => c?.(e.id)
+						}) })] }, e.id)), i.length > 3 && /* @__PURE__ */ C("button", {
+							className: "text-xs text-muted-foreground hover:text-foreground",
+							children: [
+								"+",
+								i.length - 3,
+								" autres"
+							]
+						})]
+					})] })
+				}, r);
+			})
+		})]
+	});
+}
+function M({ currentDate: t, events: i, locale: a, onEventClick: o }) {
+	let s = i.filter((e) => {
+		let n = typeof e.start == "string" ? new Date(e.start) : e.start, r = new Date(t);
+		return r.setDate(r.getDate() + 30), n >= t && n <= r;
+	}).sort((e, t) => {
+		let n = typeof e.start == "string" ? new Date(e.start) : e.start, r = typeof t.start == "string" ? new Date(t.start) : t.start;
+		return n.getTime() - r.getTime();
+	}), c = {};
+	return s.forEach((e) => {
+		let t = (typeof e.start == "string" ? new Date(e.start) : e.start).toDateString();
+		c[t] || (c[t] = []), c[t].push(e);
+	}), /* @__PURE__ */ C("div", {
+		className: "space-y-4",
+		children: [Object.entries(c).map(([t, i]) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+			className: "text-sm font-medium text-muted-foreground mb-2 capitalize",
+			children: new Date(t).toLocaleDateString(a, {
+				weekday: "long",
+				day: "numeric",
+				month: "long"
+			})
+		}), /* @__PURE__ */ S("div", {
+			className: "space-y-2",
+			children: i.map((t) => {
+				let i = w[t.color || "blue"], s = typeof t.start == "string" ? new Date(t.start) : t.start, c = typeof t.end == "string" ? new Date(t.end) : t.end;
+				return /* @__PURE__ */ S(n, {
+					className: "cursor-pointer hover:shadow-md transition-shadow",
+					onClick: () => o?.(t),
+					children: /* @__PURE__ */ C(r, {
+						className: "p-3 flex gap-3",
+						children: [/* @__PURE__ */ S("div", { className: e("w-1 rounded-full", i.bg.replace("100", "500")) }), /* @__PURE__ */ C("div", {
+							className: "flex-1",
+							children: [
+								/* @__PURE__ */ S("h4", {
+									className: "font-medium",
+									children: t.title
+								}),
+								/* @__PURE__ */ S("p", {
+									className: "text-sm text-muted-foreground",
+									children: t.allDay ? "Toute la journée" : `${s.toLocaleTimeString(a, {
+										hour: "2-digit",
+										minute: "2-digit"
+									})} - ${c.toLocaleTimeString(a, {
+										hour: "2-digit",
+										minute: "2-digit"
+									})}`
+								}),
+								t.location && /* @__PURE__ */ C("p", {
+									className: "text-sm text-muted-foreground flex items-center gap-1 mt-1",
+									children: [/* @__PURE__ */ S(_, { className: "h-3 w-3" }), t.location]
+								})
+							]
+						})]
+					})
+				}, t.id);
+			})
+		})] }, t)), Object.keys(c).length === 0 && /* @__PURE__ */ S("div", {
+			className: "text-center py-12 text-muted-foreground",
+			children: "Aucun événement à venir"
+		})]
+	});
+}
+function N({ events: t, currentDate: n, onDateChange: r, viewMode: i, onViewModeChange: a, onEventClick: o, onEventCreate: s, onEventEdit: c, onEventDelete: l, onDayClick: u, showHeader: d = !0, showViewSelector: p = !0, showAddButton: m = !0, weekStartsOn: h = 1, locale: g = "fr-FR", className: _ }) {
+	let [v, y] = f.useState(/* @__PURE__ */ new Date()), [b, x] = f.useState("month"), [w, T] = f.useState(!1), E = n ?? v, D = i ?? b, k = (e) => {
+		r ? r(e) : y(e);
+	};
+	return /* @__PURE__ */ C("div", {
+		className: e("space-y-4", _),
+		children: [
+			d && /* @__PURE__ */ S(O, {
+				currentDate: E,
+				viewMode: D,
+				onPrevious: () => {
+					let e = new Date(E);
+					switch (D) {
+						case "month":
+							e.setMonth(e.getMonth() - 1);
+							break;
+						case "week":
+							e.setDate(e.getDate() - 7);
+							break;
+						case "day":
+							e.setDate(e.getDate() - 1);
+							break;
+					}
+					k(e);
+				},
+				onNext: () => {
+					let e = new Date(E);
+					switch (D) {
+						case "month":
+							e.setMonth(e.getMonth() + 1);
+							break;
+						case "week":
+							e.setDate(e.getDate() + 7);
+							break;
+						case "day":
+							e.setDate(e.getDate() + 1);
+							break;
+					}
+					k(e);
+				},
+				onToday: () => {
+					k(/* @__PURE__ */ new Date());
+				},
+				onViewModeChange: (e) => {
+					a ? a(e) : x(e);
+				},
+				onAddClick: () => T(!0),
+				showViewSelector: p,
+				showAddButton: m,
+				locale: g
+			}),
+			D === "month" && /* @__PURE__ */ S(j, {
+				currentDate: E,
+				events: t,
+				weekStartsOn: h,
+				locale: g,
+				onDayClick: u,
+				onEventClick: o,
+				onEventEdit: c,
+				onEventDelete: l
+			}),
+			D === "agenda" && /* @__PURE__ */ S(M, {
+				currentDate: E,
+				events: t,
+				locale: g,
+				onEventClick: o
+			}),
+			(D === "week" || D === "day") && /* @__PURE__ */ C("div", {
+				className: "text-center py-12 text-muted-foreground",
+				children: [
+					"Vue ",
+					D === "week" ? "semaine" : "jour",
+					" - À implémenter"
+				]
+			})
+		]
+	});
+}
+var P = [
+	{
+		id: "1",
+		title: "Réunion d'équipe",
+		start: /* @__PURE__ */ new Date(),
+		end: new Date(Date.now() + 1e3 * 60 * 60),
+		color: "blue",
+		location: "Salle de réunion A"
+	},
+	{
+		id: "2",
+		title: "Déjeuner avec le client",
+		start: new Date(Date.now() + 1e3 * 60 * 60 * 24),
+		end: new Date(Date.now() + 1e3 * 60 * 60 * 25),
+		color: "green",
+		location: "Restaurant Le Gourmet"
+	},
+	{
+		id: "3",
+		title: "Formation React",
+		start: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 2),
+		end: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 2 + 1e3 * 60 * 60 * 4),
+		color: "purple",
+		allDay: !0
+	},
+	{
+		id: "4",
+		title: "Deadline projet",
+		start: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 5),
+		end: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 5),
+		color: "red",
+		allDay: !0
+	}
+];
+//#endregion
+export { N as default, P as defaultCalendarEvents };

package/dist/blocks/chat/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(`../../components/avatar/index.cjs.js`),r=require(`../../components/badge/index.cjs.js`),i=require(`../../components/button/index.cjs.js`),a=require(`../../components/dropdown-menu/index.cjs.js`),o=require(`../../components/input/index.cjs.js`),s=require(`../../components/scroll-area/index.cjs.js`),c=require(`../../components/textarea/index.cjs.js`);require(`./widget.cjs.js`);let l=require(`react`);l=e.__toESM(l);let u=require(`lucide-react`),d=require(`react/jsx-runtime`);var f=e=>{let t=typeof e==`string`?new Date(e):e,n=new Date,r=new Date(n.getFullYear(),n.getMonth(),n.getDate()),i=new Date(r.getTime()-1440*60*1e3),a=new Date(t.getFullYear(),t.getMonth(),t.getDate());return a.getTime()===r.getTime()?`Aujourd'hui`:a.getTime()===i.getTime()?`Hier`:t.toLocaleDateString(`fr-FR`,{weekday:`long`,day:`numeric`,month:`long`})},p=(e,t)=>{let n=typeof e==`string`?new Date(e):e,r=typeof t==`string`?new Date(t):t;return n.getFullYear()===r.getFullYear()&&n.getMonth()===r.getMonth()&&n.getDate()===r.getDate()},m=e=>{if(e.initials)return e.initials;let t=e.name.split(` `);return t.length>=2?(t[0][0]+t[1][0]).toUpperCase():e.name.substring(0,2).toUpperCase()};function h({date:e}){return(0,d.jsx)(`div`,{className:`flex items-center justify-center my-4`,children:(0,d.jsx)(`div`,{className:`px-3 py-1 text-xs text-muted-foreground bg-muted rounded-full`,children:f(e)})})}function g({conversations:e,activeId:i,currentUser:a,onSelect:c,onSearch:f}){let[p,h]=l.useState(``),g=e=>e.name?e.name:e.participants.filter(e=>e.id!==a.id).map(e=>e.name).join(`, `),_=e=>{if(e.avatar)return{url:e.avatar,fallback:e.name?.charAt(0)||`G`};if(e.isGroup)return{fallback:`G`};let t=e.participants.find(e=>e.id!==a.id);return{url:t?.avatar,fallback:m(t||{id:``,name:`?`})}},v=e=>{if(!e)return``;let t=typeof e==`string`?new Date(e):e,n=new Date().getTime()-t.getTime(),r=Math.floor(n/(1e3*60*60*24));return r===0?t.toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`}):r===1?`Hier`:r<7?t.toLocaleDateString(`fr-FR`,{weekday:`short`}):t.toLocaleDateString(`fr-FR`,{day:`numeric`,month:`short`})},y=e.filter(e=>p?g(e).toLowerCase().includes(p.toLowerCase()):!0);return(0,d.jsxs)(`div`,{className:`flex flex-col h-full border-r`,children:[(0,d.jsx)(`div`,{className:`p-3 border-b`,children:(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsx)(u.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.Input,{placeholder:`Rechercher...`,value:p,onChange:e=>{h(e.target.value),f?.(e.target.value)},className:`pl-9`})]})}),(0,d.jsx)(s.ScrollArea,{className:`flex-1`,children:y.map(e=>{let o=_(e),s=g(e),l=e.participants.find(e=>e.id!==a.id);return(0,d.jsxs)(`button`,{onClick:()=>c(e),className:t.cn(`w-full flex items-center gap-3 p-3 hover:bg-muted/50 transition-colors text-left`,i===e.id&&`bg-muted`),children:[(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsxs)(n.Avatar,{children:[(0,d.jsx)(n.AvatarImage,{src:o.url}),(0,d.jsx)(n.AvatarFallback,{children:o.fallback})]}),l?.status===`online`&&(0,d.jsx)(`div`,{className:`absolute bottom-0 right-0 h-3 w-3 rounded-full bg-green-500 border-2 border-background`})]}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`span`,{className:`font-medium text-sm truncate`,children:s}),(0,d.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:v(e.lastMessage?.timestamp)})]}),(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsx)(`p`,{className:`text-xs text-muted-foreground truncate`,children:e.lastMessage?.content||`Aucun message`}),e.unreadCount&&e.unreadCount>0&&(0,d.jsx)(r.Badge,{className:`h-5 min-w-[20px] justify-center`,children:e.unreadCount})]})]})]},e.id)})})]})}function _({conversation:e,currentUser:r,title:o,statusText:s,showStatus:c=!0,showCloseButton:l,onAudioCall:f,onVideoCall:p,onClose:h,onCloseConversation:g,onMinimize:_,layout:v}){let y=e?.participants.find(e=>e.id!==r.id),b=o||e?.name||y?.name||`Messages`,x=()=>s||(e?e.isGroup?`${e.participants.length} participants`:y?.status===`online`?`En ligne`:y?.lastSeen?`Vu ${(typeof y.lastSeen==`string`?new Date(y.lastSeen):y.lastSeen).toLocaleString(`fr-FR`)}`:`Hors ligne`:``),S=v===`floating`||v===`widget`;return(0,d.jsxs)(`div`,{className:t.cn(`flex items-center justify-between p-3 border-b`,S&&`bg-primary text-primary-foreground rounded-t-lg`),children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e&&(0,d.jsxs)(n.Avatar,{className:t.cn(S&&`border-2 border-primary-foreground/20`),children:[(0,d.jsx)(n.AvatarImage,{src:e.avatar||y?.avatar}),(0,d.jsx)(n.AvatarFallback,{className:t.cn(S&&`bg-primary-foreground/20 text-primary-foreground`),children:m(y||{id:``,name:b})})]}),!e&&(0,d.jsx)(u.MessageCircle,{className:`h-5 w-5`}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h3`,{className:`font-semibold text-sm`,children:b}),c&&(0,d.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[y?.status===`online`&&(0,d.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full`,S?`bg-green-400`:`bg-green-500`)}),y?.status===`offline`&&(0,d.jsx)(`div`,{className:t.cn(`h-2 w-2 rounded-full`,S?`bg-gray-400`:`bg-gray-500`)}),(0,d.jsx)(`p`,{className:t.cn(`text-xs`,S?`text-primary-foreground/80`:`text-muted-foreground`),children:x()})]})]})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-1`,children:[f&&!S&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:f,children:(0,d.jsx)(u.Phone,{className:`h-4 w-4`})}),p&&!S&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:p,children:(0,d.jsx)(u.Video,{className:`h-4 w-4`})}),l&&g&&(0,d.jsxs)(i.Button,{variant:S?`ghost`:`outline`,size:`sm`,onClick:g,className:t.cn(S&&`text-primary-foreground hover:bg-primary-foreground/20`),children:[(0,d.jsx)(u.Calendar,{className:`h-4 w-4 mr-1.5`}),`Clôturer`]}),_&&S&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:_,className:`text-primary-foreground hover:bg-primary-foreground/20`,children:(0,d.jsx)(u.Minimize2,{className:`h-4 w-4`})}),h&&S&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,onClick:h,className:`text-primary-foreground hover:bg-primary-foreground/20`,children:(0,d.jsx)(u.X,{className:`h-4 w-4`})}),!S&&(0,d.jsxs)(a.DropdownMenu,{children:[(0,d.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,children:(0,d.jsx)(u.MoreVertical,{className:`h-4 w-4`})})}),(0,d.jsx)(a.DropdownMenuContent,{align:`end`,children:(0,d.jsxs)(a.DropdownMenuItem,{children:[(0,d.jsx)(u.Settings,{className:`mr-2 h-4 w-4`}),`Paramètres`]})})]})]})]})}function v({message:e,isOwn:r,showStatus:a,showTimestamp:o,onDelete:s,onReply:c}){return(0,d.jsxs)(`div`,{className:t.cn(`flex gap-2 group`,r?`flex-row-reverse`:`flex-row`),children:[!r&&(0,d.jsxs)(n.Avatar,{className:`h-8 w-8`,children:[(0,d.jsx)(n.AvatarImage,{src:e.sender.avatar}),(0,d.jsx)(n.AvatarFallback,{className:`text-xs`,children:m(e.sender)})]}),(0,d.jsxs)(`div`,{className:t.cn(`max-w-[70%]`,r&&`items-end`),children:[e.replyTo&&(0,d.jsxs)(`div`,{className:`text-xs text-muted-foreground mb-1 p-2 bg-muted/50 rounded border-l-2 border-primary`,children:[(0,d.jsx)(`span`,{className:`font-medium`,children:e.replyTo.sender.name}),(0,d.jsx)(`p`,{className:`truncate`,children:e.replyTo.content})]}),(0,d.jsxs)(`div`,{className:t.cn(`relative rounded-2xl px-4 py-2`,r?`bg-primary text-primary-foreground rounded-tr-sm`:`bg-muted rounded-tl-sm`),children:[e.attachments&&e.attachments.length>0&&(0,d.jsx)(`div`,{className:`space-y-2 mb-2`,children:e.attachments.map((e,t)=>(0,d.jsx)(`div`,{children:e.type===`image`?(0,d.jsx)(`img`,{src:e.url,alt:e.name,className:`rounded-lg max-w-full`}):(0,d.jsxs)(`div`,{className:`flex items-center gap-2 p-2 bg-background/10 rounded`,children:[(0,d.jsx)(u.File,{className:`h-4 w-4`}),(0,d.jsx)(`span`,{className:`text-sm truncate`,children:e.name})]})},t))}),(0,d.jsx)(`p`,{className:`text-sm whitespace-pre-wrap break-words`,children:e.content}),(0,d.jsxs)(`div`,{className:t.cn(`absolute top-0 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1`,r?`-left-20`:`-right-20`),children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:()=>c?.(e),children:(0,d.jsx)(u.Reply,{className:`h-3 w-3`})}),r&&s&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`h-7 w-7`,onClick:()=>s(e.id),children:(0,d.jsx)(u.Trash2,{className:`h-3 w-3`})})]})]}),(0,d.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 mt-1 text-xs text-muted-foreground`,r&&`justify-end`),children:[o&&(0,d.jsx)(`span`,{children:(e=>(typeof e==`string`?new Date(e):e).toLocaleTimeString(`fr-FR`,{hour:`2-digit`,minute:`2-digit`}))(e.timestamp)}),e.isEdited&&(0,d.jsx)(`span`,{children:`(modifié)`}),r&&a&&(()=>{switch(e.status){case`sending`:return(0,d.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2 border-current animate-pulse`});case`sent`:return(0,d.jsx)(u.Check,{className:`h-3 w-3`});case`delivered`:return(0,d.jsx)(u.CheckCheck,{className:`h-3 w-3`});case`read`:return(0,d.jsx)(u.CheckCheck,{className:`h-3 w-3 text-blue-500`});case`error`:return(0,d.jsx)(u.X,{className:`h-3 w-3 text-red-500`});default:return null}})()]})]})]})}function y({onSend:e,replyTo:t,onCancelReply:n,showAttachments:r,showEmoji:a,placeholder:o,sending:s,showHint:f=!0,hintText:p=`Appuyez sur Entrée pour envoyer, Maj+Entrée pour un saut de ligne`}){let[m,h]=l.useState(``),g=l.useRef(null),_=()=>{m.trim()&&!s&&(e(m.trim()),h(``))};return l.useEffect(()=>{g.current&&(g.current.style.height=`auto`,g.current.style.height=Math.min(g.current.scrollHeight,120)+`px`)},[m]),(0,d.jsxs)(`div`,{className:`border-t p-3`,children:[t&&(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-2 p-2 bg-muted rounded text-sm`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(u.Reply,{className:`h-4 w-4 text-primary`}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:t.sender.name}),(0,d.jsx)(`p`,{className:`text-muted-foreground truncate`,children:t.content})]})]}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,onClick:n,children:(0,d.jsx)(u.X,{className:`h-4 w-4`})})]}),(0,d.jsxs)(`div`,{className:`flex items-end gap-2`,children:[r&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`flex-shrink-0`,children:(0,d.jsx)(u.Paperclip,{className:`h-4 w-4`})}),(0,d.jsx)(c.Textarea,{ref:g,value:m,onChange:e=>h(e.target.value),onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),_())},placeholder:o,className:`flex-1 min-h-[40px] max-h-[120px] resize-none`,disabled:s,rows:1}),a&&(0,d.jsx)(i.Button,{variant:`ghost`,size:`icon`,className:`flex-shrink-0`,children:(0,d.jsx)(u.Smile,{className:`h-4 w-4`})}),(0,d.jsx)(i.Button,{onClick:_,disabled:!m.trim()||s,size:`icon`,className:`flex-shrink-0 rounded-full`,children:(0,d.jsx)(u.Send,{className:`h-4 w-4`})})]}),f&&(0,d.jsx)(`p`,{className:`text-xs text-muted-foreground mt-2`,children:p})]})}function b({conversations:e=[],activeConversation:n,messages:i,currentUser:a,onSendMessage:o,onConversationSelect:c,onMessageDelete:f,onMessageReply:m,onSearch:b,onAudioCall:x,onVideoCall:S,onClose:C,onCloseConversation:w,onMinimize:T,showConversationList:E=!0,showHeader:D=!0,showMessageStatus:O=!0,showTimestamps:k=!0,showAttachments:A=!0,showEmoji:j=!0,showDateSeparators:M=!0,showInputHint:N=!0,showCloseButton:P=!1,inputPlaceholder:F,inputHintText:I,sending:L=!1,loading:R=!1,layout:z=`full`,headerTitle:B,showHeaderStatus:V=!0,statusText:H,minimized:U=!1,className:W}){let[G,K]=l.useState(null),q=l.useRef(null);l.useEffect(()=>{q.current?.scrollIntoView({behavior:`smooth`})},[i]);let J=(e,t)=>{o?.(e,t),K(null)},Y=e=>{K(e),m?.(e)};return(z===`floating`||z===`widget`)&&U?(0,d.jsxs)(`button`,{onClick:T,className:t.cn(`flex items-center gap-3 p-3 bg-primary text-primary-foreground rounded-full shadow-lg hover:shadow-xl transition-shadow`,W),children:[(0,d.jsx)(u.MessageCircle,{className:`h-5 w-5`}),(0,d.jsx)(`span`,{className:`font-medium`,children:`Messages`}),e.reduce((e,t)=>e+(t.unreadCount||0),0)>0&&(0,d.jsx)(r.Badge,{variant:`secondary`,className:`bg-white text-primary`,children:e.reduce((e,t)=>e+(t.unreadCount||0),0)})]}):(0,d.jsxs)(`div`,{className:t.cn(`flex bg-background overflow-hidden`,{full:`h-screen`,embedded:`h-[600px]`,floating:`h-[500px] w-[400px] rounded-lg shadow-xl border`,widget:`h-[500px] w-[350px] rounded-lg shadow-2xl border`}[z],W),children:[E&&z!==`widget`&&z!==`floating`&&(0,d.jsx)(`div`,{className:`w-80 flex-shrink-0`,children:(0,d.jsx)(g,{conversations:e,activeId:n?.id,currentUser:a,onSelect:e=>c?.(e),onSearch:b})}),(0,d.jsx)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:n||z===`widget`||z===`floating`?(0,d.jsxs)(d.Fragment,{children:[D&&(0,d.jsx)(_,{conversation:n,currentUser:a,title:B,statusText:H,showStatus:V,showCloseButton:P,onAudioCall:x,onVideoCall:S,onClose:C,onCloseConversation:w,onMinimize:T,layout:z}),(0,d.jsx)(s.ScrollArea,{className:`flex-1 p-4`,children:(0,d.jsxs)(`div`,{className:`space-y-4`,children:[R?(0,d.jsx)(`div`,{className:`flex items-center justify-center py-8`,children:(0,d.jsx)(`div`,{className:`animate-spin rounded-full h-8 w-8 border-b-2 border-primary`})}):(()=>{let e=[],t=null;return i.forEach((n,r)=>{let i=typeof n.timestamp==`string`?new Date(n.timestamp):n.timestamp;M&&(!t||!p(t,i))&&(e.push((0,d.jsx)(h,{date:i},`separator-${r}`)),t=i),e.push((0,d.jsx)(v,{message:n,isOwn:n.sender.id===a.id,showStatus:O,showTimestamp:k,onDelete:f,onReply:Y},n.id))}),e})(),(0,d.jsx)(`div`,{ref:q})]})}),(0,d.jsx)(y,{onSend:J,replyTo:G,onCancelReply:()=>K(null),showAttachments:A,showEmoji:j,placeholder:(()=>{if(F)return F;if(n){let e=n.participants.find(e=>e.id!==a.id);if(e)return`Écrire à ${e.name}...`}return`Écrivez votre message...`})(),sending:L,showHint:N,hintText:I})]}):(0,d.jsx)(`div`,{className:`flex-1 flex items-center justify-center text-muted-foreground`,children:(0,d.jsxs)(`div`,{className:`text-center`,children:[(0,d.jsx)(u.MessageCircle,{className:`h-12 w-12 mx-auto mb-4 opacity-50`}),(0,d.jsx)(`p`,{children:`Sélectionnez une conversation`})]})})})]})}var x={id:`current`,name:`Moi`,status:`online`},S=[{id:`1`,participants:[x,{id:`2`,name:`Marie Dupont`,status:`online`}],lastMessage:{id:`m1`,content:`D'accord, je m'en occupe !`,sender:{id:`2`,name:`Marie Dupont`},timestamp:new Date(Date.now()-1e3*60*5),status:`read`},unreadCount:0},{id:`2`,participants:[x,{id:`3`,name:`Pierre Martin`,status:`offline`}],lastMessage:{id:`m2`,content:`On se voit demain ?`,sender:x,timestamp:new Date(Date.now()-1e3*60*60),status:`delivered`},unreadCount:2}],C=[{id:`1`,content:`Salut ! Comment ça va ?`,sender:{id:`2`,name:`Marie Dupont`},timestamp:new Date(Date.now()-1e3*60*30),status:`read`},{id:`2`,content:`Ça va bien merci ! Et toi ?`,sender:x,timestamp:new Date(Date.now()-1e3*60*25),status:`read`},{id:`3`,content:`Super ! Tu as vu le nouveau projet ?`,sender:{id:`2`,name:`Marie Dupont`},timestamp:new Date(Date.now()-1e3*60*20),status:`read`}];exports.default=b,exports.defaultChatConversations=S,exports.defaultChatMessages=C,exports.defaultChatUser=x;