@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-sankey-diagram/index.es.js

@@ -0,0 +1,494 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { ArrowDown as n, ArrowRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/waka-sankey-diagram/index.tsx
+var o = {
+	primary: "#3b82f6",
+	secondary: "#8b5cf6",
+	success: "#22c55e",
+	warning: "#f59e0b",
+	danger: "#ef4444",
+	info: "#06b6d4",
+	default: "#6b7280"
+};
+function s({ nodes: e, links: n, width: r, height: i, nodeWidth: a, nodePadding: o, padding: s, orientation: c, categoryColors: l }) {
+	return t.useMemo(() => {
+		if (e.length === 0) return {
+			nodes: [],
+			links: [],
+			width: r,
+			height: i
+		};
+		let t = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
+		e.forEach((e) => {
+			t.set(e.id, {
+				...e,
+				x: 0,
+				y: 0,
+				width: a,
+				height: 0,
+				inValue: 0,
+				outValue: 0,
+				column: -1,
+				row: 0
+			}), u.set(e.id, []), d.set(e.id, []);
+		}), n.forEach((e) => {
+			u.get(e.source)?.push(e), d.get(e.target)?.push(e);
+			let n = t.get(e.source), r = t.get(e.target);
+			n && (n.outValue += e.value), r && (r.inValue += e.value);
+		});
+		let f = /* @__PURE__ */ new Set(), p = [], m = e.filter((e) => (d.get(e.id)?.length || 0) === 0).map((e) => e.id), h = 0;
+		for (; m.length > 0;) {
+			p.push([...m]), m.forEach((e) => {
+				let n = t.get(e);
+				n && (n.column = h, f.add(e));
+			});
+			let e = [];
+			m.forEach((t) => {
+				(u.get(t) || []).forEach((t) => {
+					f.has(t.target) || (d.get(t.target) || []).every((e) => f.has(e.source)) && !e.includes(t.target) && e.push(t.target);
+				});
+			}), m = e, h++;
+		}
+		e.forEach((e) => {
+			if (!f.has(e.id)) {
+				let n = t.get(e.id);
+				n && (n.column = h, p[h] || (p[h] = []), p[h].push(e.id));
+			}
+		});
+		let g = c === "horizontal", _ = r - s * 2, v = i - s * 2, y = p.length, b = g ? (_ - a) / Math.max(y - 1, 1) : (v - a) / Math.max(y - 1, 1), x = 0;
+		p.forEach((e) => {
+			let n = e.reduce((e, n) => {
+				let r = t.get(n);
+				return e + Math.max(r?.inValue || 0, r?.outValue || 0, r?.value || 0);
+			}, 0);
+			x = Math.max(x, n);
+		});
+		let S = g ? v : _, C = (S - o * Math.max(...p.map((e) => e.length - 1), 0)) / x;
+		p.forEach((e, n) => {
+			let r = 0, i = [...e].sort((e, n) => {
+				let r = t.get(e), i = t.get(n);
+				return i.inValue + i.outValue - (r.inValue + r.outValue);
+			});
+			i.forEach((e, i) => {
+				let c = t.get(e), l = Math.max(c.inValue, c.outValue, c.value || 0), u = Math.max(l * C, 10);
+				c.row = i, g ? (c.x = s + n * b, c.y = s + r, c.width = a, c.height = u) : (c.x = s + r, c.y = s + n * b, c.width = u, c.height = a), r += u + o;
+			});
+			let c = (S - (r - o)) / 2;
+			i.forEach((e) => {
+				let n = t.get(e);
+				g ? n.y += c : n.x += c;
+			});
+		});
+		let w = [], T = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+		return e.forEach((e) => {
+			T.set(e.id, 0), E.set(e.id, 0);
+		}), [...n].sort((e, t) => t.value - e.value).forEach((e) => {
+			let n = t.get(e.source), r = t.get(e.target);
+			if (!n || !r) return;
+			let i = Math.max(e.value * C, 2), a = T.get(e.source) || 0, o = E.get(e.target) || 0, s, c, u;
+			if (g) {
+				let e = n.x + n.width, t = n.y + a + i / 2, l = r.x, d = r.y + o + i / 2;
+				c = t, u = d;
+				let f = e + (l - e) * .5;
+				s = `M ${e} ${t} C ${f} ${t}, ${f} ${d}, ${l} ${d}`;
+			} else {
+				let e = n.x + a + i / 2, t = n.y + n.height, l = r.x + o + i / 2, d = r.y;
+				c = t, u = d;
+				let f = t + (d - t) * .5;
+				s = `M ${e} ${t} C ${e} ${f}, ${l} ${f}, ${l} ${d}`;
+			}
+			T.set(e.source, a + i), E.set(e.target, o + i);
+			let d = e.color;
+			!d && n.category && (d = l[n.category] || l.default), !d && n.color && (d = n.color), w.push({
+				...e,
+				sourceNode: n,
+				targetNode: r,
+				path: s,
+				width: i,
+				sourceY: c,
+				targetY: u,
+				color: d
+			});
+		}), {
+			nodes: Array.from(t.values()),
+			links: w,
+			width: r,
+			height: i
+		};
+	}, [
+		e,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s,
+		c,
+		l
+	]);
+}
+function c({ content: e, x: t, y: n, visible: r }) {
+	return r ? /* @__PURE__ */ i("div", {
+		className: "pointer-events-none absolute z-50 rounded-lg border bg-popover px-3 py-2 text-sm shadow-lg animate-in fade-in-0 zoom-in-95",
+		style: {
+			left: t + 10,
+			top: n - 10,
+			transform: "translateY(-100%)"
+		},
+		children: e
+	}) : null;
+}
+function l({ link: t, defaultColor: n, opacity: r, highlightedOpacity: o, isHighlighted: s, isDimmed: c, animated: l, animationDelay: u, showTooltips: d, onHover: f, onClick: p }) {
+	let m = t.color || n, h = c ? .1 : s ? o : r;
+	return /* @__PURE__ */ a("g", {
+		className: "sankey-link",
+		onMouseEnter: (e) => d && f(t, e),
+		onMouseLeave: (e) => f(null, e),
+		onClick: p,
+		style: { cursor: "pointer" },
+		children: [/* @__PURE__ */ i("path", {
+			d: t.path,
+			fill: "none",
+			stroke: m,
+			strokeWidth: t.width,
+			strokeOpacity: h,
+			strokeLinecap: "butt",
+			className: e("transition-all duration-300", l && "animate-flow-in"),
+			style: l ? { animationDelay: `${u}ms` } : void 0
+		}), /* @__PURE__ */ i("path", {
+			d: t.path,
+			fill: "none",
+			stroke: "transparent",
+			strokeWidth: Math.max(t.width, 10)
+		})]
+	});
+}
+function u({ node: t, color: n, showValues: r, isHighlighted: o, isDimmed: s, animated: c, animationDelay: l, draggable: u, orientation: d, onHover: f, onClick: p, onDragStart: m }) {
+	let h = Math.max(t.inValue, t.outValue, t.value || 0), g = d === "horizontal";
+	return /* @__PURE__ */ a("g", {
+		className: e("sankey-node transition-all duration-300", u && "cursor-grab active:cursor-grabbing", o && "filter drop-shadow-lg"),
+		onMouseEnter: () => f(t),
+		onMouseLeave: () => f(null),
+		onClick: p,
+		onMouseDown: u ? (e) => m(e, t) : void 0,
+		style: { opacity: s ? .3 : 1 },
+		children: [
+			/* @__PURE__ */ i("rect", {
+				x: t.x,
+				y: t.y,
+				width: t.width,
+				height: t.height,
+				fill: n,
+				rx: 4,
+				className: e("transition-all duration-300", c && "animate-node-in", o && "stroke-2 stroke-foreground"),
+				style: c ? { animationDelay: `${l}ms` } : void 0
+			}),
+			o && /* @__PURE__ */ i("rect", {
+				x: t.x - 2,
+				y: t.y - 2,
+				width: t.width + 4,
+				height: t.height + 4,
+				fill: "none",
+				stroke: n,
+				strokeWidth: 2,
+				rx: 6,
+				opacity: .5,
+				className: "animate-pulse"
+			}),
+			/* @__PURE__ */ i("text", {
+				x: g ? t.x + t.width + 8 : t.x + t.width / 2,
+				y: g ? t.y + t.height / 2 : t.y - 8,
+				textAnchor: g ? "start" : "middle",
+				dominantBaseline: g ? "middle" : "auto",
+				className: "fill-foreground text-xs font-medium pointer-events-none",
+				children: t.label
+			}),
+			r && /* @__PURE__ */ i("text", {
+				x: g ? t.x + t.width + 8 : t.x + t.width / 2,
+				y: g ? t.y + t.height / 2 + 14 : t.y + t.height + 16,
+				textAnchor: g ? "start" : "middle",
+				dominantBaseline: g ? "middle" : "auto",
+				className: "fill-muted-foreground text-xs pointer-events-none",
+				children: h.toLocaleString()
+			})
+		]
+	});
+}
+function d({ nodes: d, links: f, orientation: p = "horizontal", width: m = 800, height: h = 500, nodeWidth: g = 20, nodePadding: _ = 10, padding: v = 40, draggable: y = !0, animated: b = !0, showValues: x = !0, showTooltips: S = !0, categoryColors: C = o, linkColor: w = "#94a3b8", linkOpacity: T = .5, highlightedLinkOpacity: E = .8, onNodeClick: D, onLinkClick: O, onNodeReorder: k, className: A }) {
+	let j = t.useRef(null), [M, N] = t.useState(null), [P, F] = t.useState(null), [I, L] = t.useState({
+		x: 0,
+		y: 0
+	}), [R, z] = t.useState(null), [B, V] = t.useState(/* @__PURE__ */ new Map()), [H, U] = t.useState(!1), W = s({
+		nodes: d,
+		links: f,
+		width: m,
+		height: h,
+		nodeWidth: g,
+		nodePadding: _,
+		padding: v,
+		orientation: p,
+		categoryColors: C
+	});
+	t.useEffect(() => {
+		if (b && !H) {
+			let e = setTimeout(() => U(!0), 50);
+			return () => clearTimeout(e);
+		}
+	}, [b, H]);
+	let G = t.useCallback((e) => {
+		let t = new Set([e]);
+		return f.forEach((n) => {
+			n.source === e && t.add(n.target), n.target === e && t.add(n.source);
+		}), t;
+	}, [f]), K = (e) => e.color ? e.color : e.category && C[e.category] ? C[e.category] : C.default || "#6b7280", q = (e) => {
+		N(e), F(null);
+	}, J = (e, t) => {
+		if (F(e), N(null), e && j.current) {
+			let e = j.current.getBoundingClientRect();
+			L({
+				x: t.clientX - e.left,
+				y: t.clientY - e.top
+			});
+		}
+	}, Y = (e, t) => {
+		y && (e.preventDefault(), z({
+			node: t,
+			startY: e.clientY,
+			startNodeY: t.y + (B.get(t.id) || 0)
+		}));
+	};
+	t.useEffect(() => {
+		if (!R) return;
+		let e = (e) => {
+			let t = e.clientY - R.startY, n = R.startNodeY + t;
+			V((e) => {
+				let t = new Map(e);
+				return t.set(R.node.id, n - R.node.y), t;
+			});
+		}, t = () => {
+			k && R && k(W.nodes.map((e) => ({
+				...e,
+				y: e.y + (B.get(e.id) || 0)
+			}))), z(null);
+		};
+		return window.addEventListener("mousemove", e), window.addEventListener("mouseup", t), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+		};
+	}, [
+		R,
+		W.nodes,
+		B,
+		k
+	]);
+	let X = t.useMemo(() => M ? G(M.id) : P ? new Set([P.source, P.target]) : /* @__PURE__ */ new Set(), [
+		M,
+		P,
+		G
+	]), Z = X.size > 0;
+	return /* @__PURE__ */ a("div", {
+		ref: j,
+		className: e("relative overflow-hidden rounded-lg border bg-background", A),
+		style: {
+			width: m,
+			height: h
+		},
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "absolute right-4 top-4 flex items-center gap-4 rounded-lg border bg-background/80 px-3 py-2 text-xs backdrop-blur-sm",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex items-center gap-1.5 text-muted-foreground",
+					children: [i(p === "horizontal" ? r : n, { className: "h-4 w-4" }), /* @__PURE__ */ i("span", { children: "Flow Direction" })]
+				})
+			}),
+			/* @__PURE__ */ a("svg", {
+				width: m,
+				height: h,
+				className: e(R && "cursor-grabbing"),
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [
+					/* @__PURE__ */ i("defs", { children: W.links.map((e, t) => {
+						let n = K(e.sourceNode), r = K(e.targetNode), o = `gradient-${e.source}-${e.target}-${t}`;
+						return p === "horizontal" ? /* @__PURE__ */ a("linearGradient", {
+							id: o,
+							x1: "0%",
+							y1: "0%",
+							x2: "100%",
+							y2: "0%",
+							children: [/* @__PURE__ */ i("stop", {
+								offset: "0%",
+								stopColor: n
+							}), /* @__PURE__ */ i("stop", {
+								offset: "100%",
+								stopColor: r
+							})]
+						}, o) : /* @__PURE__ */ a("linearGradient", {
+							id: o,
+							x1: "0%",
+							y1: "0%",
+							x2: "0%",
+							y2: "100%",
+							children: [/* @__PURE__ */ i("stop", {
+								offset: "0%",
+								stopColor: n
+							}), /* @__PURE__ */ i("stop", {
+								offset: "100%",
+								stopColor: r
+							})]
+						}, o);
+					}) }),
+					/* @__PURE__ */ i("g", {
+						className: "links",
+						children: W.links.map((e, t) => {
+							let n = P === e || X.has(e.source) || X.has(e.target), r = Z && !n;
+							return /* @__PURE__ */ i(l, {
+								link: {
+									...e,
+									color: `url(#gradient-${e.source}-${e.target}-${t})`
+								},
+								defaultColor: w,
+								opacity: T,
+								highlightedOpacity: E,
+								isHighlighted: n,
+								isDimmed: r,
+								animated: b && H,
+								animationDelay: t * 50,
+								showTooltips: S,
+								onHover: J,
+								onClick: () => O?.(e)
+							}, `${e.source}-${e.target}-${t}`);
+						})
+					}),
+					/* @__PURE__ */ i("g", {
+						className: "nodes",
+						children: W.nodes.map((e, t) => {
+							let n = X.has(e.id), r = Z && !n, a = B.get(e.id) || 0;
+							return /* @__PURE__ */ i(u, {
+								node: {
+									...e,
+									y: e.y + a
+								},
+								color: K(e),
+								showValues: x,
+								isHighlighted: n,
+								isDimmed: r,
+								animated: b && H,
+								animationDelay: t * 30,
+								draggable: y,
+								orientation: p,
+								onHover: q,
+								onClick: () => D?.(e),
+								onDragStart: Y
+							}, e.id);
+						})
+					})
+				]
+			}),
+			S && P && /* @__PURE__ */ i(c, {
+				x: I.x,
+				y: I.y,
+				visible: !0,
+				content: /* @__PURE__ */ a("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ a("div", {
+							className: "flex items-center gap-2 font-medium",
+							children: [
+								/* @__PURE__ */ i("span", { children: P.sourceNode.label }),
+								/* @__PURE__ */ i(r, { className: "h-3 w-3" }),
+								/* @__PURE__ */ i("span", { children: P.targetNode.label })
+							]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "text-muted-foreground",
+							children: ["Value: ", /* @__PURE__ */ i("span", {
+								className: "font-medium text-foreground",
+								children: P.value.toLocaleString()
+							})]
+						}),
+						P.data && Object.keys(P.data).length > 0 && /* @__PURE__ */ i("div", {
+							className: "border-t pt-1 mt-1",
+							children: Object.entries(P.data).map(([e, t]) => /* @__PURE__ */ a("div", {
+								className: "text-muted-foreground",
+								children: [
+									e,
+									": ",
+									/* @__PURE__ */ i("span", {
+										className: "text-foreground",
+										children: String(t)
+									})
+								]
+							}, e))
+						})
+					]
+				})
+			}),
+			S && M && !P && /* @__PURE__ */ i("div", {
+				className: "pointer-events-none absolute z-50 rounded-lg border bg-popover px-3 py-2 text-sm shadow-lg animate-in fade-in-0 zoom-in-95",
+				style: {
+					left: p === "horizontal" ? M.x + M.width + 60 : M.x + M.width / 2,
+					top: p === "horizontal" ? M.y + (B.get(M.id) || 0) : M.y - 10,
+					transform: p === "horizontal" ? "translateY(-50%)" : "translateX(-50%) translateY(-100%)"
+				},
+				children: /* @__PURE__ */ a("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "font-medium",
+							children: M.label
+						}),
+						M.category && /* @__PURE__ */ a("div", {
+							className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ i("div", {
+								className: "h-2 w-2 rounded-full",
+								style: { backgroundColor: K(M) }
+							}), M.category]
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "grid grid-cols-2 gap-x-4 gap-y-0.5 text-xs border-t pt-1 mt-1",
+							children: [
+								/* @__PURE__ */ i("div", {
+									className: "text-muted-foreground",
+									children: "Incoming:"
+								}),
+								/* @__PURE__ */ i("div", {
+									className: "font-medium",
+									children: M.inValue.toLocaleString()
+								}),
+								/* @__PURE__ */ i("div", {
+									className: "text-muted-foreground",
+									children: "Outgoing:"
+								}),
+								/* @__PURE__ */ i("div", {
+									className: "font-medium",
+									children: M.outValue.toLocaleString()
+								})
+							]
+						}),
+						M.data && Object.keys(M.data).length > 0 && /* @__PURE__ */ i("div", {
+							className: "border-t pt-1 mt-1 text-xs",
+							children: Object.entries(M.data).map(([e, t]) => /* @__PURE__ */ a("div", {
+								className: "text-muted-foreground",
+								children: [
+									e,
+									": ",
+									/* @__PURE__ */ i("span", {
+										className: "text-foreground",
+										children: String(t)
+									})
+								]
+							}, e))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ i("style", { children: "\n        @keyframes flow-in {\n          from {\n            stroke-dasharray: 1000;\n            stroke-dashoffset: 1000;\n          }\n          to {\n            stroke-dasharray: 1000;\n            stroke-dashoffset: 0;\n          }\n        }\n\n        @keyframes node-in {\n          from {\n            opacity: 0;\n            transform: scale(0.8);\n          }\n          to {\n            opacity: 1;\n            transform: scale(1);\n          }\n        }\n\n        .animate-flow-in {\n          animation: flow-in 1s ease-out forwards;\n        }\n\n        .animate-node-in {\n          animation: node-in 0.4s ease-out forwards;\n        }\n      " })
+		]
+	});
+}
+//#endregion
+export { d as default, s as useSankeyDiagram };

package/dist/components/waka-schedule-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(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../checkbox/index.cjs.js`),a=require(`../label/index.cjs.js`),o=require(`../select/index.cjs.js`),s=require(`../popover/index.cjs.js`),c=require(`../scroll-area/index.cjs.js`),l=require(`../../utils/local-date.cjs.js`);let u=require(`react`);u=e.__toESM(u);let d=require(`lucide-react`),f=require(`react/jsx-runtime`);var p=[15,30,45,60,90,120],m=[`UTC`,`America/New_York`,`America/Chicago`,`America/Denver`,`America/Los_Angeles`,`Europe/London`,`Europe/Paris`,`Europe/Berlin`,`Asia/Tokyo`,`Asia/Shanghai`,`Asia/Dubai`,`Australia/Sydney`],h=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],g=[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`];function _(e,t){let[n,r]=e.split(`:`).map(Number);if(t===`12h`){let e=n>=12?`PM`:`AM`;return`${n%12||12}:${r.toString().padStart(2,`0`)} ${e}`}return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}function v(e,t=`en-US`){return e.toLocaleDateString(t,{weekday:`short`,month:`short`,day:`numeric`})}function y(e,t=0){let n=new Date(e),r=n.getDay(),i=(r<t?7:0)+r-t;n.setDate(n.getDate()-i),n.setHours(0,0,0,0);let a=[];for(let e=0;e<7;e++){let t=new Date(n);t.setDate(n.getDate()+e),a.push(t)}return a}function b(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function x(e,t,n){if(!t)return!0;if(n!==void 0&&!t.daysOfWeek.includes(n))return!1;let[r,i]=e.split(`:`).map(Number),a=r*60+i,[o,s]=t.start.split(`:`).map(Number),[c,l]=t.end.split(`:`).map(Number),u=o*60+s,d=c*60+l;return a>=u&&a<d}function ee(e,t=30,n){let r=[],i=n?parseInt(n.start.split(`:`)[0]):8,a=n?parseInt(n.end.split(`:`)[0]):18;for(let o=i;o<a;o++)for(let i=0;i<60;i+=t){let a=`${o.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`,s=i+t,c=s>=60?o+1:o,u=s>=60?s-60:s,d=`${c.toString().padStart(2,`0`)}:${u.toString().padStart(2,`0`)}`,f=x(a,n,e.getDay());r.push({id:`${l.localDateKey(e)}-${a}`,date:new Date(e),startTime:a,endTime:d,status:f?`available`:`unavailable`})}return r}function S(e={}){let{initialSlots:t=[],initialSelectedSlots:n=[],initialDuration:r=30,initialTimeZone:i=`UTC`,multiSelect:a=!1}=e,[o,s]=u.useState(t),[c,l]=u.useState(n),[d,f]=u.useState(r),[p,m]=u.useState(i),[h,g]=u.useState({enabled:!1,pattern:`weekly`});return{slots:o,setSlots:s,selectedSlots:c,setSelectedSlots:l,duration:d,setDuration:f,timeZone:p,setTimeZone:m,recurrence:h,setRecurrence:g,toggleSlot:u.useCallback(e=>{l(t=>t.includes(e)?t.filter(t=>t!==e):a?[...t,e]:[e])},[a]),clearSelection:u.useCallback(()=>{l([])},[]),getSelectedSlotDetails:u.useCallback(()=>o.filter(e=>c.includes(e.id)),[o,c]),isSlotSelected:u.useCallback(e=>c.includes(e),[c])}}function C({slot:e,isSelected:n,onClick:r,hourFormat:i,disabled:a,isBusinessHour:o=!0,renderSlot:s}){if(s)return(0,f.jsx)(`div`,{onClick:a?void 0:r,children:s(e,n)});let c=e.status===`available`,l=e.status===`booked`,u=e.status===`unavailable`;return(0,f.jsx)(`button`,{type:`button`,onClick:r,disabled:a||l||u,className:t.cn(`w-full px-2 py-1.5 text-xs rounded-md transition-all duration-200`,`border focus:outline-none focus:ring-2 focus:ring-primary/50`,n&&`bg-primary text-primary-foreground border-primary shadow-sm`,!n&&c&&`bg-card hover:bg-accent hover:border-primary/50 border-border`,!n&&c&&o&&`bg-primary/5`,l&&`bg-muted text-muted-foreground cursor-not-allowed border-transparent`,u&&`bg-muted/50 text-muted-foreground/50 cursor-not-allowed border-transparent`,`animate-in fade-in-0 zoom-in-95 duration-200`),children:(0,f.jsxs)(`span`,{className:`flex items-center justify-center gap-1`,children:[n&&(0,f.jsx)(d.Check,{className:`h-3 w-3`}),_(e.startTime,i)]})})}function w({durations:e,selected:t,onChange:n,disabled:r}){let i=e=>{if(e<60)return`${e} min`;let t=Math.floor(e/60),n=e%60;return n>0?`${t}h ${n}m`:`${t}h`};return(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(d.Timer,{className:`h-4 w-4 text-muted-foreground`}),(0,f.jsxs)(o.Select,{value:t.toString(),onValueChange:e=>n(parseInt(e)),disabled:r,children:[(0,f.jsx)(o.SelectTrigger,{className:`w-[120px] h-8 text-xs`,children:(0,f.jsx)(o.SelectValue,{})}),(0,f.jsx)(o.SelectContent,{children:e.map(e=>(0,f.jsx)(o.SelectItem,{value:e.toString(),children:i(e)},e))})]})]})}function T({timeZones:e,selected:t,onChange:n,disabled:r}){return(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(d.Globe,{className:`h-4 w-4 text-muted-foreground`}),(0,f.jsxs)(o.Select,{value:t,onValueChange:n,disabled:r,children:[(0,f.jsx)(o.SelectTrigger,{className:`w-[180px] h-8 text-xs`,children:(0,f.jsx)(o.SelectValue,{})}),(0,f.jsx)(o.SelectContent,{children:e.map(e=>(0,f.jsx)(o.SelectItem,{value:e,children:e.replace(/_/g,` `)},e))})]})]})}function te({recurrence:e,onChange:t,disabled:n}){return(0,f.jsxs)(s.Popover,{children:[(0,f.jsx)(s.PopoverTrigger,{asChild:!0,children:(0,f.jsxs)(r.Button,{variant:e.enabled?`default`:`outline`,size:`sm`,disabled:n,className:`h-8 text-xs gap-1.5`,children:[(0,f.jsx)(d.Repeat,{className:`h-3.5 w-3.5`}),e.enabled?`Recurring`:`One-time`]})}),(0,f.jsx)(s.PopoverContent,{className:`w-80`,align:`start`,children:(0,f.jsxs)(`div`,{className:`space-y-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,f.jsx)(a.Label,{htmlFor:`recurrence-enabled`,className:`text-sm font-medium`,children:`Enable recurrence`}),(0,f.jsx)(i.Checkbox,{id:`recurrence-enabled`,checked:e.enabled,onCheckedChange:n=>t({...e,enabled:n})})]}),e.enabled&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(a.Label,{className:`text-xs text-muted-foreground`,children:`Pattern`}),(0,f.jsxs)(o.Select,{value:e.pattern,onValueChange:n=>t({...e,pattern:n}),children:[(0,f.jsx)(o.SelectTrigger,{className:`h-8 text-xs`,children:(0,f.jsx)(o.SelectValue,{})}),(0,f.jsxs)(o.SelectContent,{children:[(0,f.jsx)(o.SelectItem,{value:`daily`,children:`Daily`}),(0,f.jsx)(o.SelectItem,{value:`weekly`,children:`Weekly`}),(0,f.jsx)(o.SelectItem,{value:`biweekly`,children:`Bi-weekly`}),(0,f.jsx)(o.SelectItem,{value:`monthly`,children:`Monthly`})]})]})]}),e.pattern===`weekly`&&(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(a.Label,{className:`text-xs text-muted-foreground`,children:`Days of week`}),(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:h.map((n,i)=>(0,f.jsx)(r.Button,{variant:e.daysOfWeek?.includes(i)?`default`:`outline`,size:`sm`,className:`h-7 w-9 text-xs p-0`,onClick:()=>{let n=e.daysOfWeek||[],r=n.includes(i)?n.filter(e=>e!==i):[...n,i];t({...e,daysOfWeek:r})},children:n.charAt(0)},n))})]})]})]})})]})}function ne({slots:e,onRemove:t,onClear:i,hourFormat:a,locale:o}){return e.length===0?null:(0,f.jsxs)(`div`,{className:`border-t pt-3 mt-3 space-y-2 animate-in slide-in-from-bottom-2 duration-200`,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,f.jsxs)(`span`,{className:`text-xs font-medium text-muted-foreground`,children:[`Selected (`,e.length,`)`]}),(0,f.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-6 text-xs text-muted-foreground hover:text-destructive`,onClick:i,children:`Clear all`})]}),(0,f.jsx)(c.ScrollArea,{className:`max-h-[120px]`,children:(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:e.map(e=>(0,f.jsxs)(n.Badge,{variant:`secondary`,className:`pr-1 text-xs animate-in fade-in-0 zoom-in-95 duration-200`,children:[(0,f.jsxs)(`span`,{className:`mr-1`,children:[v(e.date,o),` `,_(e.startTime,a)]}),(0,f.jsx)(`button`,{type:`button`,onClick:()=>t(e.id),className:`ml-0.5 rounded-full hover:bg-muted-foreground/20 p-0.5`,children:(0,f.jsx)(d.X,{className:`h-3 w-3`})})]},e.id))})})]})}function E({slots:e,selectedSlots:i,onSlotsChange:a,multiSelect:o=!1,durations:s=p,selectedDuration:_,onDurationChange:S,timeZones:E=m,selectedTimeZone:D,onTimeZoneChange:re,businessHours:O,showRecurrence:k=!1,recurrence:A,onRecurrenceChange:ie,weekStartsOn:j=0,minDate:M,maxDate:N,hourFormat:P=`24h`,locale:F=`en-US`,disabled:I=!1,className:ae,slotInterval:L=30,showSummary:oe=!0,renderSlot:R}){let[z,B]=u.useState(()=>y(M||new Date,j)[0]),[V,H]=u.useState(i||[]),[U,W]=u.useState(_||30),[G,K]=u.useState(D||`UTC`),[se,ce]=u.useState(A||{enabled:!1,pattern:`weekly`}),q=i??V,le=_??U,ue=D??G,de=A??se,J=u.useMemo(()=>y(z,j),[z,j]),Y=u.useMemo(()=>{if(e&&e.length>0)return e;let t=[];return J.forEach(e=>{let n=ee(e,L,O);t.push(...n)}),t},[e,J,L,O]),X=u.useMemo(()=>{let e=new Map;return Y.forEach(t=>{let n=l.localDateKey(t.date);e.has(n)||e.set(n,[]),e.get(n).push(t)}),e},[Y]),fe=u.useMemo(()=>Y.filter(e=>q.includes(e.id)),[Y,q]),Z=e=>{if(I)return;let t=Y.find(t=>t.id===e);if(!t||t.status===`booked`||t.status===`unavailable`)return;let n;n=q.includes(e)?q.filter(t=>t!==e):o?[...q,e]:[e],i||H(n),a?.(n)},pe=e=>{let t=q.filter(t=>t!==e);i||H(t),a?.(t)},Q=()=>{i||H([]),a?.([])},me=e=>{_||W(e),S?.(e)},he=e=>{D||K(e),re?.(e)},ge=e=>{A||ce(e),ie?.(e)},_e=()=>{let e=new Date(z);e.setDate(e.getDate()-7),!(M&&e<M)&&B(e)},ve=()=>{let e=new Date(z);e.setDate(e.getDate()+7),!(N&&e>N)&&B(e)},ye=()=>{B(y(new Date,j)[0])},be=!M||z>M,xe=!N||J[6]<N,$=new Date,Se=J.some(e=>b(e,$));return(0,f.jsxs)(`div`,{className:t.cn(`rounded-lg border bg-card text-card-foreground shadow-sm`,I&&`opacity-60 pointer-events-none`,ae),children:[(0,f.jsxs)(`div`,{className:`p-3 border-b space-y-3`,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.Button,{variant:`outline`,size:`icon`,className:`h-8 w-8`,onClick:_e,disabled:!be,children:(0,f.jsx)(d.ChevronLeft,{className:`h-4 w-4`})}),(0,f.jsx)(r.Button,{variant:`outline`,size:`icon`,className:`h-8 w-8`,onClick:ve,disabled:!xe,children:(0,f.jsx)(d.ChevronRight,{className:`h-4 w-4`})}),!Se&&(0,f.jsxs)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 text-xs`,onClick:ye,children:[(0,f.jsx)(d.CalendarDays,{className:`h-3.5 w-3.5 mr-1`}),`Today`]})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-1 text-sm font-medium`,children:[(0,f.jsx)(d.Calendar,{className:`h-4 w-4 text-muted-foreground mr-1`}),(0,f.jsxs)(`span`,{children:[v(J[0],F),` - `,v(J[6],F)]})]})]}),(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,f.jsx)(w,{durations:s,selected:le,onChange:me,disabled:I}),(0,f.jsx)(T,{timeZones:E,selected:ue,onChange:he,disabled:I}),k&&(0,f.jsx)(te,{recurrence:de,onChange:ge,disabled:I})]})]}),(0,f.jsxs)(`div`,{className:`p-3`,children:[(0,f.jsx)(`div`,{className:`hidden md:block overflow-x-auto`,children:(0,f.jsx)(`div`,{className:`grid grid-cols-7 gap-2 min-w-[700px]`,children:J.map((e,n)=>{let r=l.localDateKey(e),i=X.get(r)||[],a=b(e,$),o=e.getDay(),s=O?O.daysOfWeek.includes(o):!0;return(0,f.jsxs)(`div`,{className:t.cn(`flex flex-col rounded-lg border bg-card`,a&&`ring-2 ring-primary/50`,!s&&`opacity-60`),children:[(0,f.jsxs)(`div`,{className:t.cn(`px-2 py-2 text-center border-b`,a&&`bg-primary/10`),children:[(0,f.jsx)(`div`,{className:`text-xs font-medium text-muted-foreground`,children:h[o]}),(0,f.jsx)(`div`,{className:t.cn(`text-lg font-semibold`,a&&`text-primary`),children:e.getDate()})]}),(0,f.jsx)(c.ScrollArea,{className:`flex-1 max-h-[300px]`,children:(0,f.jsx)(`div`,{className:`p-1.5 space-y-1`,children:i.map(e=>(0,f.jsx)(C,{slot:e,isSelected:q.includes(e.id),onClick:()=>Z(e.id),hourFormat:P,disabled:I,isBusinessHour:x(e.startTime,O,o),renderSlot:R},e.id))})})]},r)})})}),(0,f.jsx)(`div`,{className:`md:hidden`,children:(0,f.jsx)(c.ScrollArea,{className:`h-[400px]`,children:(0,f.jsx)(`div`,{className:`space-y-3`,children:J.map(e=>{let r=l.localDateKey(e),i=X.get(r)||[],a=b(e,$),o=e.getDay(),s=O?O.daysOfWeek.includes(o):!0;return(0,f.jsxs)(`div`,{className:t.cn(`rounded-lg border bg-card`,a&&`ring-2 ring-primary/50`,!s&&`opacity-60`),children:[(0,f.jsxs)(`div`,{className:t.cn(`px-3 py-2 border-b flex items-center justify-between`,a&&`bg-primary/10`),children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(`span`,{className:t.cn(`text-lg font-semibold`,a&&`text-primary`),children:e.getDate()}),(0,f.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:g[o]})]}),a&&(0,f.jsx)(n.Badge,{variant:`secondary`,className:`text-xs`,children:`Today`})]}),(0,f.jsx)(`div`,{className:`p-2`,children:(0,f.jsx)(`div`,{className:`flex gap-1.5 overflow-x-auto pb-1`,children:i.filter(e=>e.status!==`unavailable`).map(e=>(0,f.jsx)(C,{slot:e,isSelected:q.includes(e.id),onClick:()=>Z(e.id),hourFormat:P,disabled:I,isBusinessHour:x(e.startTime,O,o),renderSlot:R},e.id))})})]},r)})})})})]}),oe&&(0,f.jsx)(`div`,{className:`px-3 pb-3`,children:(0,f.jsx)(ne,{slots:fe,onRemove:pe,onClear:Q,hourFormat:P,locale:F})})]})}E.displayName=`WakaSchedulePicker`,exports.default=E,exports.useSchedulePicker=S;