@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-invoice-preview/index.es.js

@@ -0,0 +1,514 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertTriangle as n, Building2 as r, Calendar as i, CheckCircle2 as a, Clock as o, CreditCard as s, Download as c, FileText as l, Mail as u, MapPin as d, Phone as f, Printer as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/waka-invoice-preview/index.tsx
+var g = {
+	USD: {
+		symbol: "$",
+		position: "before",
+		decimals: 2,
+		locale: "en-US"
+	},
+	EUR: {
+		symbol: "€",
+		position: "after",
+		decimals: 2,
+		locale: "de-DE"
+	},
+	GBP: {
+		symbol: "£",
+		position: "before",
+		decimals: 2,
+		locale: "en-GB"
+	},
+	JPY: {
+		symbol: "¥",
+		position: "before",
+		decimals: 0,
+		locale: "ja-JP"
+	},
+	CAD: {
+		symbol: "C$",
+		position: "before",
+		decimals: 2,
+		locale: "en-CA"
+	},
+	AUD: {
+		symbol: "A$",
+		position: "before",
+		decimals: 2,
+		locale: "en-AU"
+	},
+	CHF: {
+		symbol: "CHF",
+		position: "before",
+		decimals: 2,
+		locale: "de-CH"
+	},
+	CNY: {
+		symbol: "¥",
+		position: "before",
+		decimals: 2,
+		locale: "zh-CN"
+	},
+	INR: {
+		symbol: "₹",
+		position: "before",
+		decimals: 2,
+		locale: "en-IN"
+	},
+	BRL: {
+		symbol: "R$",
+		position: "before",
+		decimals: 2,
+		locale: "pt-BR"
+	}
+}, _ = {
+	paid: {
+		label: "Paid",
+		icon: a,
+		className: "bg-green-100 text-green-800 border-green-200 print:bg-green-50"
+	},
+	pending: {
+		label: "Pending",
+		icon: o,
+		className: "bg-yellow-100 text-yellow-800 border-yellow-200 print:bg-yellow-50"
+	},
+	overdue: {
+		label: "Overdue",
+		icon: n,
+		className: "bg-red-100 text-red-800 border-red-200 print:bg-red-50"
+	},
+	draft: {
+		label: "Draft",
+		icon: l,
+		className: "bg-gray-100 text-gray-800 border-gray-200 print:bg-gray-50"
+	}
+};
+function v(e, t) {
+	let n = g[t], r = new Intl.NumberFormat(n.locale, {
+		minimumFractionDigits: n.decimals,
+		maximumFractionDigits: n.decimals
+	}).format(e);
+	return n.position === "before" ? `${n.symbol}${r}` : `${r} ${n.symbol}`;
+}
+function y(e, t = "en-US") {
+	let n = typeof e == "string" ? new Date(e) : e;
+	return new Intl.DateTimeFormat(t, {
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}).format(n);
+}
+function b(e) {
+	let t = e.quantity * e.unitPrice;
+	return t - (e.discount ? t * e.discount : 0);
+}
+function x(e) {
+	return e.reduce((e, t) => e + b(t), 0);
+}
+function S(e) {
+	return e.taxRate ? b(e) * e.taxRate : 0;
+}
+function C(e, t) {
+	return e.some((e) => e.taxRate !== void 0) ? e.reduce((e, t) => e + S(t), 0) : t ? x(e) * t : 0;
+}
+function w({ title: t, address: n, compact: r }) {
+	return /* @__PURE__ */ h("div", {
+		className: e("flex flex-col", r ? "gap-0.5" : "gap-1"),
+		children: [
+			/* @__PURE__ */ m("h3", {
+				className: e("font-semibold text-muted-foreground uppercase tracking-wide", r ? "text-[10px]" : "text-xs"),
+				children: t
+			}),
+			/* @__PURE__ */ m("div", {
+				className: e("font-medium", r ? "text-sm" : "text-base"),
+				children: n.name
+			}),
+			/* @__PURE__ */ h("div", {
+				className: e("text-muted-foreground", r ? "text-xs" : "text-sm"),
+				children: [
+					/* @__PURE__ */ m("p", { children: n.street1 }),
+					n.street2 && /* @__PURE__ */ m("p", { children: n.street2 }),
+					/* @__PURE__ */ h("p", { children: [
+						n.city,
+						n.state && `, ${n.state}`,
+						" ",
+						n.postalCode
+					] }),
+					/* @__PURE__ */ m("p", { children: n.country })
+				]
+			})
+		]
+	});
+}
+function T({ status: t, compact: n }) {
+	let r = _[t], i = r.icon;
+	return /* @__PURE__ */ h("div", {
+		className: e("inline-flex items-center gap-1.5 border rounded-full font-medium", n ? "px-2 py-0.5 text-xs" : "px-3 py-1 text-sm", r.className),
+		children: [/* @__PURE__ */ m(i, { className: e(n ? "h-3 w-3" : "h-4 w-4") }), r.label]
+	});
+}
+function E({ items: t, currency: n, compact: r }) {
+	return /* @__PURE__ */ m("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ h("table", {
+			className: "w-full",
+			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
+				className: e("border-b-2 border-foreground/20 text-left", r ? "text-xs" : "text-sm"),
+				children: [
+					/* @__PURE__ */ m("th", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide", r ? "py-2" : "py-3"),
+						children: "Description"
+					}),
+					/* @__PURE__ */ m("th", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide text-center", r ? "py-2" : "py-3"),
+						children: "Qty"
+					}),
+					/* @__PURE__ */ m("th", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide text-right", r ? "py-2" : "py-3"),
+						children: "Unit Price"
+					}),
+					/* @__PURE__ */ m("th", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide text-right", r ? "py-2" : "py-3"),
+						children: "Amount"
+					})
+				]
+			}) }), /* @__PURE__ */ m("tbody", { children: t.map((i, a) => {
+				let o = b(i);
+				return /* @__PURE__ */ h("tr", {
+					className: e(a !== t.length - 1 && "border-b border-muted", r ? "text-sm" : "text-base"),
+					children: [
+						/* @__PURE__ */ h("td", {
+							className: e(r ? "py-2" : "py-3"),
+							children: [/* @__PURE__ */ m("div", { children: i.description }), i.discount && /* @__PURE__ */ h("div", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									"Discount: ",
+									(i.discount * 100).toFixed(0),
+									"%"
+								]
+							})]
+						}),
+						/* @__PURE__ */ h("td", {
+							className: e("text-center", r ? "py-2" : "py-3"),
+							children: [i.quantity, i.unit && /* @__PURE__ */ m("span", {
+								className: "text-muted-foreground ml-1",
+								children: i.unit
+							})]
+						}),
+						/* @__PURE__ */ m("td", {
+							className: e("text-right", r ? "py-2" : "py-3"),
+							children: v(i.unitPrice, n)
+						}),
+						/* @__PURE__ */ m("td", {
+							className: e("text-right font-medium", r ? "py-2" : "py-3"),
+							children: v(o, n)
+						})
+					]
+				}, i.id);
+			}) })]
+		})
+	});
+}
+function D({ invoice: t, compact: n }) {
+	let r = x(t.items), i = t.items.some((e) => e.taxRate !== void 0), a = C(t.items, t.taxRate), o = t.discountAmount || (t.discountPercentage ? r * t.discountPercentage : 0), s = t.shippingCost || 0, c = r + a - o + s, l = e("flex justify-between", n ? "py-1 text-sm" : "py-1.5");
+	return /* @__PURE__ */ m("div", {
+		className: e("border-t-2 border-foreground/20", n ? "pt-3 mt-3" : "pt-4 mt-4"),
+		children: /* @__PURE__ */ m("div", {
+			className: "flex flex-col items-end",
+			children: /* @__PURE__ */ h("div", {
+				className: e("w-full max-w-xs", n && "max-w-[200px]"),
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: l,
+						children: [/* @__PURE__ */ m("span", {
+							className: "text-muted-foreground",
+							children: "Subtotal"
+						}), /* @__PURE__ */ m("span", { children: v(r, t.currency) })]
+					}),
+					o > 0 && /* @__PURE__ */ h("div", {
+						className: e(l, "text-green-600"),
+						children: [/* @__PURE__ */ h("span", { children: ["Discount", t.discountPercentage && ` (${(t.discountPercentage * 100).toFixed(0)}%)`] }), /* @__PURE__ */ h("span", { children: ["-", v(o, t.currency)] })]
+					}),
+					a > 0 && /* @__PURE__ */ h("div", {
+						className: l,
+						children: [/* @__PURE__ */ h("span", {
+							className: "text-muted-foreground",
+							children: ["Tax", !i && t.taxRate ? ` (${(t.taxRate * 100).toFixed(0)}%)` : ""]
+						}), /* @__PURE__ */ m("span", { children: v(a, t.currency) })]
+					}),
+					s > 0 && /* @__PURE__ */ h("div", {
+						className: l,
+						children: [/* @__PURE__ */ m("span", {
+							className: "text-muted-foreground",
+							children: "Shipping"
+						}), /* @__PURE__ */ m("span", { children: v(s, t.currency) })]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: e("flex justify-between border-t-2 border-foreground font-bold", n ? "py-2 mt-2 text-lg" : "py-3 mt-3 text-xl"),
+						children: [/* @__PURE__ */ m("span", { children: "Total" }), /* @__PURE__ */ m("span", { children: v(c, t.currency) })]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: e("text-muted-foreground text-right", n ? "text-xs" : "text-sm"),
+						children: ["Amount due in ", t.currency]
+					})
+				]
+			})
+		})
+	});
+}
+function O({ bankDetails: t, compact: n }) {
+	return /* @__PURE__ */ h("div", {
+		className: e("border rounded-lg bg-muted/30 print:bg-gray-50", n ? "p-3" : "p-4"),
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex items-center gap-2 mb-3",
+			children: [/* @__PURE__ */ m(s, { className: e("text-muted-foreground", n ? "h-4 w-4" : "h-5 w-5") }), /* @__PURE__ */ m("h3", {
+				className: e("font-semibold", n ? "text-sm" : "text-base"),
+				children: "Payment Details"
+			})]
+		}), /* @__PURE__ */ h("div", {
+			className: e("grid gap-2", n ? "grid-cols-1 text-xs" : "grid-cols-2 text-sm"),
+			children: [
+				/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+					className: "text-muted-foreground",
+					children: "Bank Name: "
+				}), /* @__PURE__ */ m("span", {
+					className: "font-medium",
+					children: t.bankName
+				})] }),
+				/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+					className: "text-muted-foreground",
+					children: "Account Name: "
+				}), /* @__PURE__ */ m("span", {
+					className: "font-medium",
+					children: t.accountName
+				})] }),
+				/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+					className: "text-muted-foreground",
+					children: "Account Number: "
+				}), /* @__PURE__ */ m("span", {
+					className: "font-medium font-mono",
+					children: t.accountNumber
+				})] }),
+				t.routingNumber && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("span", {
+					className: "text-muted-foreground",
+					children: "Routing/SWIFT: "
+				}), /* @__PURE__ */ m("span", {
+					className: "font-medium font-mono",
+					children: t.routingNumber
+				})] }),
+				t.reference && /* @__PURE__ */ h("div", {
+					className: "col-span-full",
+					children: [/* @__PURE__ */ m("span", {
+						className: "text-muted-foreground",
+						children: "Reference: "
+					}), /* @__PURE__ */ m("span", {
+						className: "font-medium",
+						children: t.reference
+					})]
+				})
+			]
+		})]
+	});
+}
+function k({ invoice: n, showPrintButton: a = !0, showDownloadButton: o = !0, onPrint: s, onDownload: _, compact: v = !1, showBankDetails: b = !0, className: x }) {
+	let S = g[n.currency].locale, C = t.useCallback(() => {
+		s ? s() : window.print();
+	}, [s]), k = t.useCallback(() => {
+		_ ? _() : console.log("Download PDF placeholder - integrate with a PDF library like jspdf or react-pdf");
+	}, [_]);
+	return /* @__PURE__ */ h("div", {
+		className: e("flex flex-col", x),
+		children: [(a || o) && /* @__PURE__ */ h("div", {
+			className: "flex gap-2 mb-4 print:hidden",
+			children: [a && /* @__PURE__ */ h("button", {
+				onClick: C,
+				className: e("inline-flex items-center gap-2 rounded-md border bg-background", "hover:bg-muted transition-colors", "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2", v ? "px-3 py-1.5 text-sm" : "px-4 py-2"),
+				children: [/* @__PURE__ */ m(p, { className: e(v ? "h-4 w-4" : "h-5 w-5") }), "Print"]
+			}), o && /* @__PURE__ */ h("button", {
+				onClick: k,
+				className: e("inline-flex items-center gap-2 rounded-md bg-primary text-primary-foreground", "hover:bg-primary/90 transition-colors", "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2", v ? "px-3 py-1.5 text-sm" : "px-4 py-2"),
+				children: [/* @__PURE__ */ m(c, { className: e(v ? "h-4 w-4" : "h-5 w-5") }), "Download PDF"]
+			})]
+		}), /* @__PURE__ */ h("div", {
+			className: e("bg-background border rounded-lg shadow-sm", "print:shadow-none print:border-none print:rounded-none", v ? "p-6" : "p-8 md:p-12"),
+			children: [
+				/* @__PURE__ */ h("header", {
+					className: e("flex flex-col md:flex-row md:justify-between gap-6", v ? "mb-6" : "mb-8"),
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex-1",
+						children: [n.company.logo ? /* @__PURE__ */ m("img", {
+							src: n.company.logo,
+							alt: n.company.name,
+							className: e("object-contain mb-3", v ? "h-8 max-w-[120px]" : "h-12 max-w-[180px]")
+						}) : /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-2 mb-3",
+							children: [/* @__PURE__ */ m(r, { className: e("text-primary", v ? "h-6 w-6" : "h-8 w-8") }), /* @__PURE__ */ m("span", {
+								className: e("font-bold", v ? "text-xl" : "text-2xl"),
+								children: n.company.name
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: e("text-muted-foreground", v ? "text-xs" : "text-sm"),
+							children: [
+								/* @__PURE__ */ h("p", {
+									className: "flex items-center gap-1.5",
+									children: [
+										/* @__PURE__ */ m(d, { className: "h-3 w-3 flex-shrink-0" }),
+										n.company.address.street1,
+										", ",
+										n.company.address.city
+									]
+								}),
+								n.company.email && /* @__PURE__ */ h("p", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ m(u, { className: "h-3 w-3 flex-shrink-0" }), n.company.email]
+								}),
+								n.company.phone && /* @__PURE__ */ h("p", {
+									className: "flex items-center gap-1.5",
+									children: [/* @__PURE__ */ m(f, { className: "h-3 w-3 flex-shrink-0" }), n.company.phone]
+								}),
+								n.company.taxId && /* @__PURE__ */ h("p", {
+									className: "mt-1",
+									children: [
+										/* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: "Tax ID:"
+										}),
+										" ",
+										n.company.taxId
+									]
+								})
+							]
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: "flex flex-col items-start md:items-end gap-2",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m(l, { className: e("text-primary", v ? "h-6 w-6" : "h-8 w-8") }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+								className: e("font-bold uppercase tracking-wide", v ? "text-2xl" : "text-3xl"),
+								children: "Invoice"
+							}), /* @__PURE__ */ h("p", {
+								className: e("text-muted-foreground font-mono", v ? "text-sm" : "text-base"),
+								children: ["#", n.invoiceNumber]
+							})] })]
+						}), /* @__PURE__ */ m(T, {
+							status: n.status,
+							compact: v
+						})]
+					})]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: e("grid gap-4 border-y py-4", v ? "grid-cols-2 md:grid-cols-4 text-xs" : "grid-cols-2 md:grid-cols-4 text-sm", v ? "mb-6" : "mb-8"),
+					children: [
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-1.5 text-muted-foreground mb-1",
+							children: [/* @__PURE__ */ m(i, { className: "h-3.5 w-3.5" }), "Invoice Date"]
+						}), /* @__PURE__ */ m("div", {
+							className: "font-medium",
+							children: y(n.invoiceDate, S)
+						})] }),
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+							className: "flex items-center gap-1.5 text-muted-foreground mb-1",
+							children: [/* @__PURE__ */ m(i, { className: "h-3.5 w-3.5" }), "Due Date"]
+						}), /* @__PURE__ */ m("div", {
+							className: e("font-medium", n.status === "overdue" && "text-red-600"),
+							children: y(n.dueDate, S)
+						})] }),
+						n.poNumber && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+							className: "text-muted-foreground mb-1",
+							children: "PO Number"
+						}), /* @__PURE__ */ m("div", {
+							className: "font-medium font-mono",
+							children: n.poNumber
+						})] }),
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", {
+							className: "text-muted-foreground mb-1",
+							children: "Currency"
+						}), /* @__PURE__ */ m("div", {
+							className: "font-medium",
+							children: n.currency
+						})] })
+					]
+				}),
+				/* @__PURE__ */ h("div", {
+					className: e("grid gap-6", (n.shipTo, "md:grid-cols-2"), v ? "mb-6" : "mb-8"),
+					children: [/* @__PURE__ */ m(w, {
+						title: "Bill To",
+						address: n.billTo,
+						compact: v
+					}), n.shipTo && /* @__PURE__ */ m(w, {
+						title: "Ship To",
+						address: n.shipTo,
+						compact: v
+					})]
+				}),
+				/* @__PURE__ */ m(E, {
+					items: n.items,
+					currency: n.currency,
+					compact: v
+				}),
+				/* @__PURE__ */ m(D, {
+					invoice: n,
+					compact: v
+				}),
+				(n.paymentTerms || n.notes) && /* @__PURE__ */ h("div", {
+					className: e("grid gap-6 md:grid-cols-2 border-t", v ? "mt-6 pt-4" : "mt-8 pt-6"),
+					children: [n.paymentTerms && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide mb-2", v ? "text-[10px]" : "text-xs"),
+						children: "Payment Terms"
+					}), /* @__PURE__ */ m("p", {
+						className: e("text-muted-foreground", v ? "text-xs" : "text-sm"),
+						children: n.paymentTerms
+					})] }), n.notes && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+						className: e("font-semibold text-muted-foreground uppercase tracking-wide mb-2", v ? "text-[10px]" : "text-xs"),
+						children: "Notes"
+					}), /* @__PURE__ */ m("p", {
+						className: e("text-muted-foreground", v ? "text-xs" : "text-sm"),
+						children: n.notes
+					})] })]
+				}),
+				b && n.bankDetails && /* @__PURE__ */ m("div", {
+					className: e(v ? "mt-6" : "mt-8"),
+					children: /* @__PURE__ */ m(O, {
+						bankDetails: n.bankDetails,
+						compact: v
+					})
+				}),
+				/* @__PURE__ */ h("footer", {
+					className: e("border-t text-center text-muted-foreground", v ? "mt-6 pt-4 text-xs" : "mt-8 pt-6 text-sm"),
+					children: [/* @__PURE__ */ m("p", { children: "Thank you for your business!" }), n.company.website && /* @__PURE__ */ m("p", {
+						className: "mt-1",
+						children: n.company.website
+					})]
+				})
+			]
+		})]
+	});
+}
+function A({ items: e, taxRate: n, discountAmount: r, discountPercentage: i, shippingCost: a = 0 }) {
+	let o = t.useMemo(() => x(e), [e]), s = t.useMemo(() => C(e, n), [e, n]), c = t.useMemo(() => r || (i ? o * i : 0), [
+		r,
+		i,
+		o
+	]);
+	return {
+		subtotal: o,
+		taxAmount: s,
+		discount: c,
+		shippingCost: a,
+		total: t.useMemo(() => o + s - c + a, [
+			o,
+			s,
+			c,
+			a
+		]),
+		itemCount: e.length,
+		totalQuantity: e.reduce((e, t) => e + t.quantity, 0)
+	};
+}
+//#endregion
+export { k as WakaInvoicePreview, k as default, v as formatCurrency, y as formatDate, A as useInvoice };

package/dist/components/waka-kanban/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("../dropdown-menu/index.cjs.js"),i=require("../input/index.cjs.js"),a=require("../scroll-area/index.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("react/jsx-runtime");var l={low:`bg-gray-100 text-gray-700 border-gray-200`,medium:`bg-blue-100 text-blue-700 border-blue-200`,high:`bg-orange-100 text-orange-700 border-orange-200`,urgent:`bg-red-100 text-red-700 border-red-200`};function u({card:e,columnId:r,onCardClick:i,onCardDelete:a,renderCard:o,onDragStart:u}){return o?(0,c.jsx)(`div`,{draggable:!0,onDragStart:t=>u(t,e.id,r),className:`cursor-grab active:cursor-grabbing`,children:o(e,r)}):(0,c.jsxs)(`div`,{draggable:!0,onDragStart:t=>u(t,e.id,r),onClick:()=>i?.(e,r),className:t.cn(`group bg-card border rounded-lg p-3 shadow-sm cursor-grab active:cursor-grabbing`,`hover:border-primary/50 hover:shadow-md transition-all duration-200`),children:[(0,c.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,c.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[e.labels&&e.labels.length>0&&(0,c.jsx)(`div`,{className:`flex flex-wrap gap-1 mb-2`,children:e.labels.map(e=>(0,c.jsx)(`span`,{className:`px-1.5 py-0.5 text-[10px] font-medium rounded`,style:{backgroundColor:e.color+`20`,color:e.color},children:e.name},e.id))}),(0,c.jsx)(`h4`,{className:`font-medium text-sm truncate`,children:e.title}),e.description&&(0,c.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1 line-clamp-2`,children:e.description})]}),(0,c.jsx)(s.GripVertical,{className:`h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0`})]}),(e.priority||e.assignee||e.dueDate)&&(0,c.jsxs)(`div`,{className:`flex items-center justify-between mt-3 pt-2 border-t`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.priority&&(0,c.jsx)(`span`,{className:t.cn(`px-1.5 py-0.5 text-[10px] font-medium rounded border`,l[e.priority]),children:e.priority}),e.dueDate&&(0,c.jsx)(`span`,{className:`text-[10px] text-muted-foreground`,children:e.dueDate.toLocaleDateString()})]}),e.assignee&&(0,c.jsx)(`div`,{className:`h-6 w-6 rounded-full bg-primary/10 flex items-center justify-center text-[10px] font-medium`,title:e.assignee.name,children:e.assignee.avatar?(0,c.jsx)(`img`,{src:e.assignee.avatar,alt:e.assignee.name,className:`h-full w-full rounded-full object-cover`}):e.assignee.name.charAt(0).toUpperCase()})]}),a&&(0,c.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`absolute top-1 right-1 h-6 w-6 opacity-0 group-hover:opacity-100`,onClick:t=>{t.stopPropagation(),a(e.id,r)},children:(0,c.jsx)(s.X,{className:`h-3 w-3`})})]})}function d({column:e,onCardMove:l,onCardAdd:d,onCardDelete:f,onCardClick:p,onColumnDelete:m,allowAddCard:h,allowColumnDrag:g,renderCard:_,draggedCard:v,setDraggedCard:y,onColumnDragStart:b}){let[x,S]=o.useState(!1),[C,w]=o.useState(``),[T,E]=o.useState(null),D=(e,t,n)=>{y({id:t,fromColumnId:n}),e.dataTransfer.effectAllowed=`move`},O=(e,t)=>{e.preventDefault(),v&&E(t)},k=()=>{E(null)},A=(t,n)=>{t.preventDefault(),v&&l&&l(v.id,v.fromColumnId,e.id,n),y(null),E(null)},j=t=>{t.preventDefault(),v&&l&&l(v.id,v.fromColumnId,e.id,e.cards.length),y(null),E(null)},M=()=>{C.trim()&&d&&(d(e.id,{title:C.trim()}),w(``),S(!1))},N=e.limit!==void 0&&e.cards.length>=e.limit;return(0,c.jsxs)(`div`,{className:`flex flex-col bg-muted/50 rounded-lg min-w-[280px] max-w-[320px] h-full`,onDragOver:e=>e.preventDefault(),onDrop:j,children:[(0,c.jsxs)(`div`,{className:t.cn(`flex items-center justify-between p-3 border-b`,g&&`cursor-grab active:cursor-grabbing`),draggable:g,onDragStart:t=>b(t,e.id),children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.color&&(0,c.jsx)(`div`,{className:`w-3 h-3 rounded-full`,style:{backgroundColor:e.color}}),(0,c.jsx)(`h3`,{className:`font-semibold text-sm`,children:e.title}),(0,c.jsxs)(`span`,{className:`text-xs text-muted-foreground bg-background px-1.5 py-0.5 rounded`,children:[e.cards.length,e.limit&&`/${e.limit}`]})]}),m&&(0,c.jsxs)(r.DropdownMenu,{children:[(0,c.jsx)(r.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-6 w-6`,children:(0,c.jsx)(s.MoreHorizontal,{className:`h-4 w-4`})})}),(0,c.jsx)(r.DropdownMenuContent,{align:`end`,children:(0,c.jsx)(r.DropdownMenuItem,{className:`text-destructive`,onClick:()=>m(e.id),children:`Supprimer la colonne`})})]})]}),(0,c.jsx)(a.ScrollArea,{className:`flex-1 p-2`,children:(0,c.jsxs)(`div`,{className:`space-y-2`,children:[e.cards.map((t,n)=>(0,c.jsxs)(`div`,{onDragOver:e=>O(e,n),onDragLeave:k,onDrop:e=>A(e,n),children:[T===n&&v&&(0,c.jsx)(`div`,{className:`h-1 bg-primary rounded mb-2`}),(0,c.jsx)(u,{card:t,columnId:e.id,onCardClick:p,onCardDelete:f,renderCard:_,onDragStart:D})]},t.id)),v&&T===null&&(0,c.jsx)(`div`,{className:`h-20 border-2 border-dashed border-primary/30 rounded-lg`,onDragOver:t=>{t.preventDefault(),E(e.cards.length)}})]})}),h&&(0,c.jsx)(`div`,{className:`p-2 border-t`,children:x?(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(i.Input,{value:C,onChange:e=>w(e.target.value),placeholder:`Titre de la carte...`,autoFocus:!0,onKeyDown:e=>{e.key===`Enter`&&M(),e.key===`Escape`&&S(!1)}}),(0,c.jsxs)(`div`,{className:`flex gap-2`,children:[(0,c.jsx)(n.Button,{size:`sm`,onClick:M,disabled:!C.trim(),children:`Ajouter`}),(0,c.jsx)(n.Button,{size:`sm`,variant:`ghost`,onClick:()=>S(!1),children:`Annuler`})]})]}):(0,c.jsxs)(n.Button,{variant:`ghost`,className:`w-full justify-start text-muted-foreground`,onClick:()=>S(!0),disabled:N,children:[(0,c.jsx)(s.Plus,{className:`h-4 w-4 mr-1`}),`Ajouter une carte`]})})]})}function f({columns:e,onCardMove:r,onColumnMove:a,onCardAdd:l,onCardDelete:u,onCardClick:f,onColumnAdd:p,onColumnDelete:m,allowAddCard:h=!0,allowAddColumn:g=!1,allowColumnDrag:_=!1,renderCard:v,height:y=`100%`,className:b}){let[x,S]=o.useState(null),[C,w]=o.useState(null),[T,E]=o.useState(!1),[D,O]=o.useState(``),k=(e,t)=>{_&&(w(t),e.dataTransfer.effectAllowed=`move`)},A=(e,t)=>{e.preventDefault(),C&&a&&a(C,t),w(null)},j=()=>{D.trim()&&p&&(p({title:D.trim()}),O(``),E(!1))};return(0,c.jsxs)(`div`,{className:t.cn(`flex gap-4 overflow-x-auto p-4`,b),style:{height:y},children:[e.map((e,t)=>(0,c.jsx)(`div`,{onDragOver:e=>e.preventDefault(),onDrop:e=>A(e,t),children:(0,c.jsx)(d,{column:e,onCardMove:r,onCardAdd:l,onCardDelete:u,onCardClick:f,onColumnDelete:m,allowAddCard:h,allowColumnDrag:_,renderCard:v,draggedCard:x,setDraggedCard:S,onColumnDragStart:k})},e.id)),g&&(0,c.jsx)(`div`,{className:`min-w-[280px]`,children:T?(0,c.jsxs)(`div`,{className:`bg-muted/50 rounded-lg p-3 space-y-2`,children:[(0,c.jsx)(i.Input,{value:D,onChange:e=>O(e.target.value),placeholder:`Titre de la colonne...`,autoFocus:!0,onKeyDown:e=>{e.key===`Enter`&&j(),e.key===`Escape`&&E(!1)}}),(0,c.jsxs)(`div`,{className:`flex gap-2`,children:[(0,c.jsx)(n.Button,{size:`sm`,onClick:j,disabled:!D.trim(),children:`Ajouter`}),(0,c.jsx)(n.Button,{size:`sm`,variant:`ghost`,onClick:()=>E(!1),children:`Annuler`})]})]}):(0,c.jsxs)(n.Button,{variant:`outline`,className:`w-full h-auto py-8 border-dashed`,onClick:()=>E(!0),children:[(0,c.jsx)(s.Plus,{className:`h-4 w-4 mr-2`}),`Ajouter une colonne`]})})]})}function p(e){let[t,n]=o.useState(e);return{columns:t,setColumns:n,moveCard:(e,t,r,i)=>{n(n=>{let a=[...n],o=a.find(e=>e.id===t);if(!o)return n;let s=o.cards.findIndex(t=>t.id===e);if(s===-1)return n;let[c]=o.cards.splice(s,1),l=a.find(e=>e.id===r);return l?(l.cards.splice(i,0,c),a):n})},moveColumn:(e,t)=>{n(n=>{let r=[...n],i=r.findIndex(t=>t.id===e);if(i===-1)return n;let[a]=r.splice(i,1);return r.splice(t,0,a),r})},addCard:(e,t)=>{n(n=>n.map(n=>n.id===e?{...n,cards:[...n.cards,{id:`card-${Date.now()}`,title:t.title||`Nouvelle carte`,...t}]}:n))},deleteCard:(e,t)=>{n(n=>n.map(n=>n.id===t?{...n,cards:n.cards.filter(t=>t.id!==e)}:n))},addColumn:e=>{n(t=>[...t,{id:`column-${Date.now()}`,title:e.title||`Nouvelle colonne`,cards:[],...e}])},deleteColumn:e=>{n(t=>t.filter(t=>t.id!==e))}}}exports.WakaKanban=f,exports.default=f,exports.useKanban=p;