prime-design-system 1.0.0

package/dist/prime-design-system.es.js

@@ -0,0 +1,2729 @@
+import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createPortal as u } from "react-dom";
+//#region src/components/Accordion/Accordion.tsx
+var d = e.forwardRef(({ className: e = "", items: t, allowMultiple: n = !1, ...r }, i) => {
+	let [a, s] = o(/* @__PURE__ */ new Set()), u = (e) => {
+		s((t) => {
+			let r = new Set(t);
+			return r.has(e) ? r.delete(e) : (n || r.clear(), r.add(e)), r;
+		});
+	};
+	return /* @__PURE__ */ c("div", {
+		className: `nd-accordion-wrapper ${e}`,
+		ref: i,
+		...r,
+		children: t.map((e) => {
+			let t = a.has(e.id);
+			return /* @__PURE__ */ l("div", {
+				className: "nd-accordion-item",
+				children: [/* @__PURE__ */ l("button", {
+					className: "nd-accordion-header",
+					onClick: () => u(e.id),
+					"aria-expanded": t,
+					children: [/* @__PURE__ */ c("span", { children: e.title }), /* @__PURE__ */ c("svg", {
+						className: `nd-accordion-icon ${t ? "nd-accordion-icon--expanded" : ""}`,
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: `nd-accordion-content ${t ? "nd-accordion-content--expanded" : ""}`,
+					children: e.content
+				})]
+			}, e.id);
+		})
+	});
+});
+d.displayName = "Accordion";
+//#endregion
+//#region src/components/Alert/Alert.tsx
+var f = {
+	info: /* @__PURE__ */ l("svg", {
+		width: "100%",
+		height: "100%",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ c("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "12",
+				y1: "16",
+				x2: "12",
+				y2: "12"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "12",
+				y1: "8",
+				x2: "12.01",
+				y2: "8"
+			})
+		]
+	}),
+	success: /* @__PURE__ */ l("svg", {
+		width: "100%",
+		height: "100%",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ c("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ c("polyline", { points: "22 4 12 14.01 9 11.01" })]
+	}),
+	warning: /* @__PURE__ */ l("svg", {
+		width: "100%",
+		height: "100%",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ c("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+			/* @__PURE__ */ c("line", {
+				x1: "12",
+				y1: "9",
+				x2: "12",
+				y2: "13"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "12",
+				y1: "17",
+				x2: "12.01",
+				y2: "17"
+			})
+		]
+	}),
+	error: /* @__PURE__ */ l("svg", {
+		width: "100%",
+		height: "100%",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [
+			/* @__PURE__ */ c("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "15",
+				y1: "9",
+				x2: "9",
+				y2: "15"
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: "9",
+				y1: "9",
+				x2: "15",
+				y2: "15"
+			})
+		]
+	})
+}, p = e.forwardRef(({ className: e = "", title: t, description: n, variant: r = "info", icon: i, closable: a = !1, onClose: s, children: u, ...d }, p) => {
+	let [m, h] = o(!0), g = () => {
+		h(!1), s && s();
+	};
+	if (!m) return null;
+	let _ = i || f[r];
+	return /* @__PURE__ */ l("div", {
+		className: `nd-alert nd-alert--${r} ${e}`,
+		ref: p,
+		role: "alert",
+		...d,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "nd-alert-icon",
+				children: _
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-alert-content",
+				children: [
+					t && /* @__PURE__ */ c("h5", {
+						className: "nd-alert-title",
+						children: t
+					}),
+					n && /* @__PURE__ */ c("p", {
+						className: "nd-alert-description",
+						children: n
+					}),
+					u && /* @__PURE__ */ c("div", {
+						className: "nd-alert-description",
+						children: u
+					})
+				]
+			}),
+			a && /* @__PURE__ */ c("button", {
+				className: "nd-alert-close",
+				onClick: g,
+				"aria-label": "Close alert",
+				children: /* @__PURE__ */ l("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ c("line", {
+						x1: "18",
+						y1: "6",
+						x2: "6",
+						y2: "18"
+					}), /* @__PURE__ */ c("line", {
+						x1: "6",
+						y1: "6",
+						x2: "18",
+						y2: "18"
+					})]
+				})
+			})
+		]
+	});
+});
+p.displayName = "Alert";
+//#endregion
+//#region src/components/Avatar/Avatar.tsx
+var m = e.forwardRef(({ className: e = "", src: t, alt: n = "Avatar", initials: r, size: i = "md", ...a }, o) => /* @__PURE__ */ c("div", {
+	ref: o,
+	className: [
+		"nd-avatar",
+		`nd-avatar--${i}`,
+		e
+	].filter(Boolean).join(" "),
+	...a,
+	children: t ? /* @__PURE__ */ c("img", {
+		src: t,
+		alt: n,
+		className: "nd-avatar-image"
+	}) : /* @__PURE__ */ c("span", {
+		className: "nd-avatar-initials",
+		children: r?.substring(0, 2)
+	})
+}));
+m.displayName = "Avatar";
+//#endregion
+//#region src/components/Badge/Badge.tsx
+var h = e.forwardRef(({ className: e = "", variant: t = "default", children: n, ...r }, i) => /* @__PURE__ */ c("span", {
+	ref: i,
+	className: [
+		"nd-badge",
+		t === "primary" ? "nd-badge--primary" : "",
+		e
+	].filter(Boolean).join(" "),
+	...r,
+	children: n
+}));
+h.displayName = "Badge";
+//#endregion
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+var g = e.forwardRef(({ className: e = "", items: t, separator: n, ...r }, i) => {
+	let a = n || /* @__PURE__ */ c("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+	});
+	return /* @__PURE__ */ c("nav", {
+		"aria-label": "Breadcrumb",
+		children: /* @__PURE__ */ c("ol", {
+			className: `nd-breadcrumbs ${e}`,
+			ref: i,
+			...r,
+			children: t.map((e, n) => {
+				let r = n === t.length - 1;
+				return /* @__PURE__ */ l("li", {
+					className: `nd-breadcrumbs-item ${r ? "nd-breadcrumbs-item--active" : ""}`,
+					"aria-current": r ? "page" : void 0,
+					children: [e.href && !r ? /* @__PURE__ */ c("a", {
+						href: e.href,
+						className: "nd-breadcrumbs-link",
+						children: e.label
+					}) : /* @__PURE__ */ c("span", {
+						className: "nd-breadcrumbs-link",
+						children: e.label
+					}), !r && /* @__PURE__ */ c("span", {
+						className: "nd-breadcrumbs-separator",
+						"aria-hidden": "true",
+						children: a
+					})]
+				}, n);
+			})
+		})
+	});
+});
+g.displayName = "Breadcrumbs";
+//#endregion
+//#region src/components/Button/Button.tsx
+var _ = e.forwardRef(({ className: e = "", variant: t = "default", isPressed: n = !1, children: r, ...i }, a) => /* @__PURE__ */ c("button", {
+	ref: a,
+	className: [
+		"nd-button",
+		t === "primary" ? "nd-button--primary" : "",
+		n ? "nd-button--pressed" : "",
+		e
+	].filter(Boolean).join(" "),
+	...i,
+	children: r
+}));
+_.displayName = "Button";
+//#endregion
+//#region src/components/Calendar/Calendar.tsx
+var v = ({ value: e, onChange: t, className: n = "" }) => {
+	let [r, i] = o(e || /* @__PURE__ */ new Date()), a = e, s = new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate(), u = new Date(r.getFullYear(), r.getMonth(), 1).getDay(), d = () => {
+		i(new Date(r.getFullYear(), r.getMonth() - 1, 1));
+	}, f = () => {
+		i(new Date(r.getFullYear(), r.getMonth() + 1, 1));
+	}, p = (e) => {
+		let n = new Date(r.getFullYear(), r.getMonth(), e);
+		t && t(n);
+	}, m = (e) => {
+		let t = /* @__PURE__ */ new Date();
+		return t.getDate() === e && t.getMonth() === r.getMonth() && t.getFullYear() === r.getFullYear();
+	}, h = (e) => a ? a.getDate() === e && a.getMonth() === r.getMonth() && a.getFullYear() === r.getFullYear() : !1;
+	return /* @__PURE__ */ l("div", {
+		className: `nd-calendar ${n}`,
+		children: [/* @__PURE__ */ l("div", {
+			className: "nd-calendar-header",
+			children: [
+				/* @__PURE__ */ c("button", {
+					className: "nd-calendar-nav-btn",
+					onClick: d,
+					"aria-label": "Previous Month",
+					children: /* @__PURE__ */ c("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
+					})
+				}),
+				/* @__PURE__ */ l("h2", {
+					className: "nd-calendar-title",
+					children: [
+						[
+							"January",
+							"February",
+							"March",
+							"April",
+							"May",
+							"June",
+							"July",
+							"August",
+							"September",
+							"October",
+							"November",
+							"December"
+						][r.getMonth()],
+						" ",
+						r.getFullYear()
+					]
+				}),
+				/* @__PURE__ */ c("button", {
+					className: "nd-calendar-nav-btn",
+					onClick: f,
+					"aria-label": "Next Month",
+					children: /* @__PURE__ */ c("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+					})
+				})
+			]
+		}), /* @__PURE__ */ l("div", {
+			className: "nd-calendar-grid",
+			children: [
+				[
+					"Su",
+					"Mo",
+					"Tu",
+					"We",
+					"Th",
+					"Fr",
+					"Sa"
+				].map((e) => /* @__PURE__ */ c("div", {
+					className: "nd-calendar-weekday",
+					children: e
+				}, e)),
+				Array.from({ length: u }).map((e, t) => /* @__PURE__ */ c("div", { className: "nd-calendar-day nd-calendar-day--outside" }, `empty-${t}`)),
+				Array.from({ length: s }).map((e, t) => {
+					let n = t + 1, r = m(n), i = h(n);
+					return /* @__PURE__ */ c("button", {
+						className: `nd-calendar-day ${r ? "nd-calendar-day--today" : ""} ${i ? "nd-calendar-day--selected" : ""}`,
+						onClick: () => p(n),
+						children: n
+					}, `day-${n}`);
+				})
+			]
+		})]
+	});
+}, y = e.forwardRef(({ className: e = "", variant: t = "elevated", children: n, ...r }, i) => /* @__PURE__ */ c("div", {
+	ref: i,
+	className: [
+		"nd-card",
+		t === "elevated" ? "nd-card--elevated" : "nd-card--sunken",
+		e
+	].filter(Boolean).join(" "),
+	...r,
+	children: n
+}));
+y.displayName = "Card";
+//#endregion
+//#region src/components/Carousel/Carousel.tsx
+var b = e.forwardRef(({ className: t = "", children: r, autoPlay: a = !1, interval: s = 3e3, showIndicators: u = !0, showControls: d = !0, ...f }, p) => {
+	let [m, h] = o(0), g = e.Children.count(r), _ = n(() => {
+		h((e) => e === g - 1 ? 0 : e + 1);
+	}, [g]), v = () => {
+		h((e) => e === 0 ? g - 1 : e - 1);
+	};
+	return i(() => {
+		if (!a) return;
+		let e = setInterval(_, s);
+		return () => clearInterval(e);
+	}, [
+		a,
+		s,
+		_
+	]), /* @__PURE__ */ l("div", {
+		className: `nd-carousel ${t}`,
+		ref: p,
+		...f,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "nd-carousel-viewport",
+				children: /* @__PURE__ */ c("div", {
+					className: "nd-carousel-container",
+					style: { transform: `translateX(-${m * 100}%)` },
+					children: e.Children.map(r, (e, t) => /* @__PURE__ */ c("div", {
+						className: "nd-carousel-slide",
+						children: e
+					}, t))
+				})
+			}),
+			d && /* @__PURE__ */ l("div", {
+				className: "nd-carousel-controls",
+				children: [/* @__PURE__ */ c("button", {
+					className: "nd-carousel-button",
+					onClick: v,
+					"aria-label": "Previous slide",
+					children: /* @__PURE__ */ c("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
+					})
+				}), /* @__PURE__ */ c("button", {
+					className: "nd-carousel-button",
+					onClick: _,
+					"aria-label": "Next slide",
+					children: /* @__PURE__ */ c("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+					})
+				})]
+			}),
+			u && /* @__PURE__ */ c("div", {
+				className: "nd-carousel-indicators",
+				children: e.Children.map(r, (e, t) => /* @__PURE__ */ c("button", {
+					className: `nd-carousel-indicator ${t === m ? "nd-carousel-indicator--active" : ""}`,
+					onClick: () => h(t),
+					"aria-label": `Go to slide ${t + 1}`
+				}, t))
+			})
+		]
+	});
+});
+b.displayName = "Carousel";
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+var x = e.forwardRef(({ className: e = "", label: t, disabled: n, checked: r, onChange: i, ...a }, o) => /* @__PURE__ */ l("label", {
+	className: [
+		"nd-checkbox-wrapper",
+		r ? "nd-checkbox-wrapper--checked" : "",
+		n ? "nd-checkbox-wrapper--disabled" : "",
+		e
+	].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ l("div", {
+		className: "nd-checkbox-box",
+		children: [/* @__PURE__ */ c("input", {
+			type: "checkbox",
+			className: "nd-checkbox-input",
+			ref: o,
+			checked: r,
+			onChange: i,
+			disabled: n,
+			...a
+		}), /* @__PURE__ */ c("svg", {
+			className: "nd-checkbox-icon",
+			viewBox: "0 0 24 24",
+			children: /* @__PURE__ */ c("polyline", { points: "20 6 9 17 4 12" })
+		})]
+	}), t && /* @__PURE__ */ c("span", { children: t })]
+}));
+x.displayName = "Checkbox";
+//#endregion
+//#region src/components/ColorPicker/ColorPicker.tsx
+var S = [
+	"#ef4444",
+	"#f97316",
+	"#f59e0b",
+	"#84cc16",
+	"#22c55e",
+	"#06b6d4",
+	"#3b82f6",
+	"#6366f1",
+	"#a855f7",
+	"#ec4899",
+	"#ffffff",
+	"#94a3b8",
+	"#475569",
+	"#1e293b",
+	"#000000"
+], C = ({ label: e, value: t, onChange: n, presets: r = S, className: s = "" }) => {
+	let [u, d] = o("#3b82f6"), [f, p] = o(!1), m = a(null), h = t !== void 0, g = h ? t : u;
+	i(() => {
+		let e = (e) => {
+			m.current && !m.current.contains(e.target) && p(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let _ = (e) => {
+		h || d(e), n && n(e);
+	};
+	return /* @__PURE__ */ l("div", {
+		className: `nd-color-picker-wrapper ${s}`,
+		ref: m,
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				className: "nd-input-label",
+				style: {
+					marginBottom: "0.5rem",
+					display: "block"
+				},
+				children: e
+			}),
+			/* @__PURE__ */ l("button", {
+				className: "nd-color-picker-trigger",
+				onClick: () => p(!f),
+				type: "button",
+				children: [/* @__PURE__ */ c("div", {
+					className: "nd-color-picker-swatch",
+					style: { backgroundColor: g }
+				}), /* @__PURE__ */ c("span", { children: g.toUpperCase() })]
+			}),
+			f && /* @__PURE__ */ l("div", {
+				className: "nd-color-picker-popover",
+				children: [/* @__PURE__ */ c("div", {
+					className: "nd-color-picker-presets",
+					children: r.map((e) => /* @__PURE__ */ c("button", {
+						className: `nd-color-picker-preset-btn ${e.toLowerCase() === g.toLowerCase() ? "nd-color-picker-preset-btn--active" : ""}`,
+						style: { backgroundColor: e },
+						onClick: () => _(e),
+						"aria-label": `Select color ${e}`
+					}, e))
+				}), /* @__PURE__ */ l("div", {
+					className: "nd-color-picker-input-container",
+					children: [/* @__PURE__ */ c("span", {
+						style: {
+							color: "var(--nd-color-text-secondary)",
+							fontSize: "0.875rem",
+							fontWeight: 600
+						},
+						children: "Hex"
+					}), /* @__PURE__ */ c("input", {
+						type: "text",
+						className: "nd-color-picker-hex-input",
+						value: g,
+						onChange: (e) => {
+							let t = e.target.value;
+							_(t);
+						}
+					})]
+				})]
+			})
+		]
+	});
+}, w = ({ isOpen: t, onClose: n, items: r, placeholder: s = "Type a command or search..." }) => {
+	let [d, f] = o(""), p = a(null);
+	i(() => (t ? (document.body.style.overflow = "hidden", setTimeout(() => p.current?.focus(), 100)) : (document.body.style.overflow = "", f("")), () => {
+		document.body.style.overflow = "";
+	}), [t]), i(() => {
+		let e = (e) => {
+			(e.metaKey || e.ctrlKey) && e.key === "k" && e.preventDefault();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []);
+	let m = (e) => {
+		e.key === "Escape" && n();
+	}, h = r.filter((e) => e.label.toLowerCase().includes(d.toLowerCase())), g = h.reduce((e, t) => {
+		let n = t.group || "Suggestions";
+		return e[n] || (e[n] = []), e[n].push(t), e;
+	}, {}), _ = /* @__PURE__ */ c("div", {
+		className: `nd-command-menu-overlay ${t ? "nd-command-menu-overlay--open" : ""}`,
+		onClick: n,
+		role: "dialog",
+		"aria-modal": "true",
+		onKeyDown: m,
+		children: /* @__PURE__ */ l("div", {
+			className: "nd-command-menu",
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ l("div", {
+				className: "nd-command-menu-input-wrapper",
+				children: [/* @__PURE__ */ l("svg", {
+					className: "nd-command-menu-icon",
+					width: "20",
+					height: "20",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [/* @__PURE__ */ c("circle", {
+						cx: "11",
+						cy: "11",
+						r: "8"
+					}), /* @__PURE__ */ c("line", {
+						x1: "21",
+						y1: "21",
+						x2: "16.65",
+						y2: "16.65"
+					})]
+				}), /* @__PURE__ */ c("input", {
+					ref: p,
+					className: "nd-command-menu-input",
+					placeholder: s,
+					value: d,
+					onChange: (e) => f(e.target.value)
+				})]
+			}), /* @__PURE__ */ l("div", {
+				className: "nd-command-menu-list",
+				children: [Object.entries(g).map(([t, r]) => /* @__PURE__ */ l(e.Fragment, { children: [/* @__PURE__ */ c("div", {
+					className: "nd-command-menu-group",
+					children: t
+				}), r.map((e) => /* @__PURE__ */ l("button", {
+					className: "nd-command-menu-item",
+					onClick: () => {
+						e.onSelect(), n();
+					},
+					children: [/* @__PURE__ */ l("div", {
+						className: "nd-command-menu-item-content",
+						children: [e.icon, /* @__PURE__ */ c("span", { children: e.label })]
+					}), e.shortcut && /* @__PURE__ */ c("div", {
+						className: "nd-command-menu-shortcut",
+						children: e.shortcut.map((e, t) => /* @__PURE__ */ c("span", { children: e }, t))
+					})]
+				}, e.id))] }, t)), h.length === 0 && /* @__PURE__ */ c("div", {
+					style: {
+						padding: "2rem",
+						textAlign: "center",
+						color: "var(--nd-color-text-disabled)"
+					},
+					children: "No results found."
+				})]
+			})]
+		})
+	});
+	return typeof window < "u" ? u(_, document.body) : null;
+}, T = ({ children: e, items: t, className: n = "" }) => {
+	let [r, d] = o(!1), [f, p] = o({
+		x: 0,
+		y: 0
+	}), m = a(null), h = a(null), g = (e) => {
+		e.preventDefault();
+		let t = e.clientX, n = e.clientY;
+		p({
+			x: t,
+			y: n
+		}), d(!0);
+	};
+	i(() => {
+		if (!r) return;
+		let e = (e) => {
+			h.current && !h.current.contains(e.target) && d(!1);
+		}, t = (e) => {
+			e.key === "Escape" && d(!1);
+		}, n = () => d(!1);
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), window.addEventListener("scroll", n, !0), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t), window.removeEventListener("scroll", n, !0);
+		};
+	}, [r]), i(() => {
+		if (r && h.current) {
+			let e = h.current.getBoundingClientRect(), { innerWidth: t, innerHeight: n } = window, r = f.x, i = f.y;
+			f.x + e.width > t && (r = t - e.width - 10), f.y + e.height > n && (i = n - e.height - 10), (r !== f.x || i !== f.y) && p({
+				x: r,
+				y: i
+			});
+		}
+	}, [r, f]);
+	let _ = r ? /* @__PURE__ */ c("div", {
+		className: `nd-context-menu-portal ${n}`,
+		ref: h,
+		style: {
+			left: f.x,
+			top: f.y
+		},
+		onContextMenu: (e) => e.preventDefault(),
+		children: t.map((e, t) => e.isDivider ? /* @__PURE__ */ c("div", { className: "nd-context-menu-divider" }, `divider-${t}`) : /* @__PURE__ */ l("button", {
+			className: "nd-context-menu-item",
+			style: e.danger ? { color: "#ef4444" } : void 0,
+			onClick: (t) => {
+				t.stopPropagation(), e.onClick && e.onClick(), d(!1);
+			},
+			children: [/* @__PURE__ */ l("div", {
+				className: "nd-context-menu-item-content",
+				children: [e.icon, /* @__PURE__ */ c("span", { children: e.label })]
+			}), e.shortcut && /* @__PURE__ */ c("span", {
+				className: "nd-context-menu-shortcut",
+				children: e.shortcut
+			})]
+		}, `item-${t}`))
+	}) : null;
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+		ref: m,
+		className: "nd-context-menu-wrapper",
+		onContextMenu: g,
+		children: e
+	}), typeof window < "u" && u(_, document.body)] });
+}, E = [
+	"Su",
+	"Mo",
+	"Tu",
+	"We",
+	"Th",
+	"Fr",
+	"Sa"
+], ee = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], te = ({ label: e, value: t, onChange: n, className: r = "" }) => {
+	let [s, u] = o(!1), [d, f] = o(t ? t.getMonth() : (/* @__PURE__ */ new Date()).getMonth()), [p, m] = o(t ? t.getFullYear() : (/* @__PURE__ */ new Date()).getFullYear()), h = a(null);
+	i(() => {
+		let e = (e) => {
+			h.current && !h.current.contains(e.target) && u(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let g = (e, t) => new Date(t, e + 1, 0).getDate(), _ = (e, t) => new Date(t, e, 1).getDay(), v = () => {
+		d === 0 ? (f(11), m(p - 1)) : f(d - 1);
+	}, y = () => {
+		d === 11 ? (f(0), m(p + 1)) : f(d + 1);
+	}, b = (e) => {
+		let t = new Date(p, d, e);
+		n && n(t), u(!1);
+	}, x = () => {
+		let e = g(d, p), n = _(d, p), r = /* @__PURE__ */ new Date(), i = r.getMonth() === d && r.getFullYear() === p, a = [];
+		for (let e = 0; e < n; e++) a.push(/* @__PURE__ */ c("div", { className: "nd-datepicker-day nd-datepicker-day--empty" }, `empty-${e}`));
+		for (let n = 1; n <= e; n++) {
+			let e = t && t.getDate() === n && t.getMonth() === d && t.getFullYear() === p, o = i && r.getDate() === n, s = [
+				"nd-datepicker-day",
+				e ? "nd-datepicker-day--selected" : "",
+				o && !e ? "nd-datepicker-day--today" : ""
+			].filter(Boolean).join(" ");
+			a.push(/* @__PURE__ */ c("button", {
+				className: s,
+				onClick: () => b(n),
+				children: n
+			}, `day-${n}`));
+		}
+		return a;
+	}, S = t ? `${t.toLocaleDateString()}` : "Select date";
+	return /* @__PURE__ */ l("div", {
+		className: `nd-datepicker-wrapper ${r}`,
+		ref: h,
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				className: "nd-input-label",
+				style: {
+					marginBottom: "0.5rem",
+					display: "block"
+				},
+				children: e
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-input",
+				onClick: () => u(!s),
+				style: {
+					cursor: "pointer",
+					display: "flex",
+					justifyContent: "space-between",
+					alignItems: "center"
+				},
+				children: [/* @__PURE__ */ c("span", { children: S }), /* @__PURE__ */ l("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "var(--nd-color-text-secondary)",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ c("rect", {
+							x: "3",
+							y: "4",
+							width: "18",
+							height: "18",
+							rx: "2",
+							ry: "2"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "16",
+							y1: "2",
+							x2: "16",
+							y2: "6"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "8",
+							y1: "2",
+							x2: "8",
+							y2: "6"
+						}),
+						/* @__PURE__ */ c("line", {
+							x1: "3",
+							y1: "10",
+							x2: "21",
+							y2: "10"
+						})
+					]
+				})]
+			}),
+			s && /* @__PURE__ */ l("div", {
+				className: "nd-datepicker-calendar",
+				children: [/* @__PURE__ */ l("div", {
+					className: "nd-datepicker-header",
+					children: [
+						/* @__PURE__ */ c("button", {
+							className: "nd-datepicker-nav-button",
+							onClick: v,
+							children: /* @__PURE__ */ c("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
+							})
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "nd-datepicker-month-year",
+							children: [
+								ee[d],
+								" ",
+								p
+							]
+						}),
+						/* @__PURE__ */ c("button", {
+							className: "nd-datepicker-nav-button",
+							onClick: y,
+							children: /* @__PURE__ */ c("svg", {
+								width: "16",
+								height: "16",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "nd-datepicker-grid",
+					children: [E.map((e) => /* @__PURE__ */ c("div", {
+						className: "nd-datepicker-weekday",
+						children: e
+					}, e)), x()]
+				})]
+			})
+		]
+	});
+}, D = e.forwardRef(({ className: e = "", orientation: t = "horizontal", variant: n = "inset", ...r }, i) => {
+	let a = [
+		"nd-divider",
+		`nd-divider--${t}`,
+		`nd-divider--${n}`,
+		e
+	].filter(Boolean).join(" ");
+	return t === "horizontal" ? /* @__PURE__ */ c("hr", {
+		className: a,
+		ref: i,
+		...r
+	}) : /* @__PURE__ */ c("div", {
+		className: a,
+		role: "separator",
+		"aria-orientation": "vertical",
+		ref: i,
+		...r
+	});
+});
+D.displayName = "Divider";
+//#endregion
+//#region src/components/Drawer/Drawer.tsx
+var ne = ({ isOpen: e, onClose: t, title: n, position: r = "right", children: a, footer: o, className: s = "" }) => {
+	i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+		document.body.style.overflow = "";
+	}), [e]);
+	let d = /* @__PURE__ */ c("div", {
+		className: `nd-drawer-overlay ${e ? "nd-drawer-overlay--open" : ""}`,
+		onClick: t,
+		role: "dialog",
+		"aria-modal": "true",
+		children: /* @__PURE__ */ l("div", {
+			className: `nd-drawer nd-drawer--${r} ${s}`,
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				n && /* @__PURE__ */ l("div", {
+					className: "nd-drawer-header",
+					children: [/* @__PURE__ */ c("h2", {
+						className: "nd-drawer-title",
+						children: n
+					}), /* @__PURE__ */ c("button", {
+						className: "nd-drawer-close",
+						onClick: t,
+						"aria-label": "Close",
+						children: /* @__PURE__ */ l("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: [/* @__PURE__ */ c("line", {
+								x1: "18",
+								y1: "6",
+								x2: "6",
+								y2: "18"
+							}), /* @__PURE__ */ c("line", {
+								x1: "6",
+								y1: "6",
+								x2: "18",
+								y2: "18"
+							})]
+						})
+					})]
+				}),
+				!n && /* @__PURE__ */ c("button", {
+					className: "nd-drawer-close",
+					onClick: t,
+					"aria-label": "Close",
+					style: {
+						position: "absolute",
+						top: "1rem",
+						right: "1rem"
+					},
+					children: /* @__PURE__ */ l("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ c("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), /* @__PURE__ */ c("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})]
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nd-drawer-body",
+					children: a
+				}),
+				o && /* @__PURE__ */ c("div", {
+					className: "nd-drawer-footer",
+					children: o
+				})
+			]
+		})
+	});
+	return typeof window < "u" ? u(d, document.body) : null;
+}, O = e.forwardRef(({ children: e, className: t = "", ...n }, r) => /* @__PURE__ */ c("button", {
+	className: `nd-dropdown-item ${t}`,
+	ref: r,
+	role: "menuitem",
+	...n,
+	children: e
+}));
+O.displayName = "DropdownMenuItem";
+var re = () => /* @__PURE__ */ c("div", {
+	className: "nd-dropdown-divider",
+	role: "separator"
+}), ie = ({ trigger: t, children: n, align: r = "left", className: s = "" }) => {
+	let [u, d] = o(!1), f = a(null);
+	i(() => {
+		let e = (e) => {
+			f.current && !f.current.contains(e.target) && d(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let p = (e) => {
+		e.key === "Escape" && d(!1);
+	}, m = [
+		"nd-dropdown-menu",
+		u ? "nd-dropdown-menu--open" : "",
+		r === "right" ? "nd-dropdown-menu--right" : "",
+		s
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: "nd-dropdown-wrapper",
+		ref: f,
+		onKeyDown: p,
+		children: [/* @__PURE__ */ c("div", {
+			className: "nd-dropdown-trigger",
+			onClick: () => d(!u),
+			role: "button",
+			"aria-haspopup": "menu",
+			"aria-expanded": u,
+			children: t
+		}), /* @__PURE__ */ c("div", {
+			className: m,
+			role: "menu",
+			children: e.Children.map(n, (t) => {
+				if (e.isValidElement(t)) {
+					let n = t, r = n.props;
+					return e.cloneElement(n, { onClick: (e) => {
+						r.onClick && r.onClick(e), d(!1);
+					} });
+				}
+				return t;
+			})
+		})]
+	});
+}, k = e.forwardRef(({ className: e = "", label: t, onDrop: n, disabled: r, ...i }, s) => {
+	let u = a(null), [d, f] = o(!1), p = (e) => {
+		e.preventDefault(), e.stopPropagation(), r || f(!0);
+	}, m = (e) => {
+		e.preventDefault(), e.stopPropagation(), f(!1);
+	}, h = (e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, g = (e) => {
+		e.preventDefault(), e.stopPropagation(), f(!1), !r && n && e.dataTransfer.files && n(e.dataTransfer.files);
+	}, _ = () => {
+		r || u.current?.click();
+	}, v = (e) => {
+		!r && n && e.target.files && n(e.target.files);
+	}, y = [
+		"nd-dropzone",
+		d ? "nd-dropzone--active" : "",
+		r ? "nd-dropzone--disabled" : ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: ["nd-dropzone-wrapper", e].filter(Boolean).join(" "),
+		ref: s,
+		...i,
+		children: [t && /* @__PURE__ */ c("label", {
+			className: "nd-dropzone-label",
+			children: t
+		}), /* @__PURE__ */ l("div", {
+			className: y,
+			onDragEnter: p,
+			onDragLeave: m,
+			onDragOver: h,
+			onDrop: g,
+			onClick: _,
+			role: "button",
+			tabIndex: r ? -1 : 0,
+			children: [
+				/* @__PURE__ */ c("input", {
+					type: "file",
+					className: "nd-dropzone-input",
+					ref: u,
+					onChange: v,
+					disabled: r,
+					multiple: !0
+				}),
+				/* @__PURE__ */ l("svg", {
+					className: "nd-dropzone-icon",
+					width: "36",
+					height: "36",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: [
+						/* @__PURE__ */ c("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+						/* @__PURE__ */ c("polyline", { points: "17 8 12 3 7 8" }),
+						/* @__PURE__ */ c("line", {
+							x1: "12",
+							y1: "3",
+							x2: "12",
+							y2: "15"
+						})
+					]
+				}),
+				/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("div", {
+					className: "nd-dropzone-text",
+					children: "Click or drag files here"
+				}), /* @__PURE__ */ c("div", {
+					className: "nd-dropzone-subtext",
+					children: "SVG, PNG, JPG or GIF (max. 5MB)"
+				})] })
+			]
+		})]
+	});
+});
+k.displayName = "Dropzone";
+//#endregion
+//#region src/components/HoverCard/HoverCard.tsx
+var ae = ({ trigger: e, children: t, openDelay: n = 300, closeDelay: r = 300, className: s = "" }) => {
+	let [u, d] = o(!1), f = a(null), p = a(null), m = a(null);
+	return i(() => () => {
+		m.current && clearTimeout(m.current);
+	}, []), /* @__PURE__ */ l("div", {
+		className: `nd-hover-card-wrapper ${s}`,
+		ref: f,
+		onMouseEnter: () => {
+			m.current && clearTimeout(m.current), m.current = window.setTimeout(() => d(!0), n);
+		},
+		onMouseLeave: () => {
+			m.current && clearTimeout(m.current), m.current = window.setTimeout(() => d(!1), r);
+		},
+		children: [/* @__PURE__ */ c("div", {
+			className: "nd-hover-card-trigger",
+			children: e
+		}), u && /* @__PURE__ */ c("div", {
+			className: "nd-hover-card-portal",
+			ref: p,
+			style: {
+				top: "calc(100% + 10px)",
+				left: "50%",
+				transform: "translateX(-50%)"
+			},
+			children: t
+		})]
+	});
+}, A = e.forwardRef(({ className: e = "", shape: t = "circle", isPressed: n = !1, children: r, ...i }, a) => /* @__PURE__ */ c("button", {
+	ref: a,
+	className: [
+		"nd-icon-button",
+		t === "circle" ? "nd-icon-button--circle" : "nd-icon-button--rounded",
+		n ? "nd-icon-button--pressed" : "",
+		e
+	].filter(Boolean).join(" "),
+	...i,
+	children: r
+}));
+A.displayName = "IconButton";
+//#endregion
+//#region src/components/Input/Input.tsx
+var j = e.forwardRef(({ className: e = "", label: t, error: n, ...r }, i) => {
+	let a = [
+		"nd-input",
+		n ? "nd-input--error" : "",
+		e
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: "nd-input-wrapper",
+		children: [
+			t && /* @__PURE__ */ c("label", {
+				className: "nd-input-label",
+				children: t
+			}),
+			/* @__PURE__ */ c("input", {
+				ref: i,
+				className: a,
+				...r
+			}),
+			n && /* @__PURE__ */ c("span", {
+				className: "nd-input-error-message",
+				children: n
+			})
+		]
+	});
+});
+j.displayName = "Input";
+//#endregion
+//#region src/components/Knob/Knob.tsx
+var oe = ({ value: e = 0, onChange: t }) => {
+	let [n, r] = o(e), [s, u] = o(!1), d = a(null);
+	i(() => {
+		r(e);
+	}, [e]);
+	let f = (e, n) => {
+		if (!d.current) return;
+		let i = d.current.getBoundingClientRect(), a = i.left + i.width / 2, o = i.top + i.height / 2, s = e - a, c = n - o, l = 180 / Math.PI * Math.atan2(c, s) + 90;
+		l < 0 && (l += 360);
+		let u = Math.round(l / 360 * 100);
+		r(u), t?.(u);
+	}, p = (e) => {
+		u(!0), f(e.clientX, e.clientY);
+	};
+	i(() => {
+		let e = (e) => {
+			s && f(e.clientX, e.clientY);
+		}, t = () => {
+			u(!1);
+		};
+		return s && (window.addEventListener("mousemove", e), window.addEventListener("mouseup", t)), () => {
+			window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", t);
+		};
+	}, [s]);
+	let m = n / 100 * 360;
+	return /* @__PURE__ */ c("div", {
+		className: "nd-knob-container",
+		ref: d,
+		children: /* @__PURE__ */ l("div", {
+			className: "nd-knob-track",
+			children: [/* @__PURE__ */ c("div", { className: "nd-knob-ring" }), /* @__PURE__ */ c("div", {
+				className: "nd-knob-dial",
+				onMouseDown: p,
+				children: /* @__PURE__ */ c("div", {
+					className: "nd-knob-indicator-container",
+					style: { transform: `rotate(${m}deg)` },
+					children: /* @__PURE__ */ c("div", { className: "nd-knob-indicator" })
+				})
+			})]
+		})
+	});
+}, M = e.forwardRef(({ className: e = "", options: t, value: n, onChange: r, multiple: i = !1, ...s }, u) => {
+	let d = n !== void 0, [f, p] = o(i ? [] : null), m = d ? n : f, h = a(null), g = u || h, _ = (e) => i && Array.isArray(m) ? m.includes(e) : m === e, v = (e) => {
+		let t;
+		if (i) {
+			let n = Array.isArray(m) ? [...m] : [];
+			t = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+		} else t = e;
+		d || p(t), r && r(t);
+	}, y = (e, n) => {
+		if (e.key === "Enter" || e.key === " ") e.preventDefault(), t[n].disabled || v(t[n].id);
+		else if (e.key === "ArrowDown") {
+			e.preventDefault();
+			let r = (n + 1) % t.length, i = g.current?.querySelectorAll(".nd-listbox-item");
+			i && i[r] && i[r].focus();
+		} else if (e.key === "ArrowUp") {
+			e.preventDefault();
+			let r = (n - 1 + t.length) % t.length, i = g.current?.querySelectorAll(".nd-listbox-item");
+			i && i[r] && i[r].focus();
+		}
+	};
+	return /* @__PURE__ */ c("ul", {
+		className: `nd-listbox ${e}`,
+		role: "listbox",
+		"aria-multiselectable": i,
+		ref: g,
+		...s,
+		children: t.map((e, t) => {
+			let n = _(e.id);
+			return /* @__PURE__ */ l("li", {
+				className: `nd-listbox-item ${n ? "nd-listbox-item--selected" : ""} ${e.disabled ? "nd-listbox-item--disabled" : ""}`,
+				role: "option",
+				"aria-selected": n,
+				"aria-disabled": e.disabled,
+				tabIndex: e.disabled ? -1 : 0,
+				onClick: () => !e.disabled && v(e.id),
+				onKeyDown: (e) => y(e, t),
+				children: [i && /* @__PURE__ */ c("input", {
+					type: "checkbox",
+					checked: n,
+					readOnly: !0,
+					tabIndex: -1,
+					style: {
+						appearance: "none",
+						width: "1rem",
+						height: "1rem",
+						borderRadius: "4px",
+						boxShadow: n ? "var(--nd-shadow-inset), var(--nd-glow-accent)" : "var(--nd-shadow-inset)",
+						backgroundColor: "var(--nd-color-bg)"
+					}
+				}), e.label]
+			}, e.id);
+		})
+	});
+});
+M.displayName = "Listbox";
+//#endregion
+//#region src/components/Menubar/Menubar.tsx
+var N = t({
+	activeMenu: null,
+	setActiveMenu: () => {}
+}), se = ({ children: e, className: t = "" }) => {
+	let [n, r] = o(null), s = a(null);
+	return i(() => {
+		let e = (e) => {
+			s.current && !s.current.contains(e.target) && r(null);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ c(N.Provider, {
+		value: {
+			activeMenu: n,
+			setActiveMenu: r
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: `nd-menubar ${t}`,
+			ref: s,
+			children: e
+		})
+	});
+}, ce = ({ id: e, label: t, children: n }) => {
+	let { activeMenu: i, setActiveMenu: o } = r(N), s = i === e;
+	return /* @__PURE__ */ l("div", {
+		style: { position: "relative" },
+		ref: a(null),
+		children: [/* @__PURE__ */ c("button", {
+			className: "nd-menubar-trigger",
+			"data-state": s ? "open" : "closed",
+			onMouseEnter: () => {
+				i !== null && o(e);
+			},
+			onClick: () => {
+				o(s ? null : e);
+			},
+			children: t
+		}), s && /* @__PURE__ */ c("div", {
+			className: "nd-menubar-content",
+			children: n
+		})]
+	});
+}, le = ({ label: e, shortcut: t, onClick: n }) => {
+	let { setActiveMenu: i } = r(N);
+	return /* @__PURE__ */ l("button", {
+		className: "nd-menubar-item",
+		onClick: () => {
+			n && n(), i(null);
+		},
+		children: [/* @__PURE__ */ c("span", { children: e }), t && /* @__PURE__ */ c("span", {
+			style: {
+				fontSize: "0.75rem",
+				color: "var(--nd-color-text-disabled)"
+			},
+			children: t
+		})]
+	});
+}, ue = () => /* @__PURE__ */ c("div", { className: "nd-menubar-separator" }), de = ({ isOpen: e, onClose: t, title: n, children: r, footer: a }) => (i(() => {
+	let n = (n) => {
+		n.key === "Escape" && e && t();
+	};
+	return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
+}, [e, t]), i(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+	document.body.style.overflow = "";
+}), [e]), typeof document < "u" ? u(/* @__PURE__ */ c("div", {
+	className: `nd-modal-overlay ${e ? "nd-modal-overlay--open" : ""}`,
+	onClick: t,
+	children: /* @__PURE__ */ l("div", {
+		className: "nd-modal",
+		onClick: (e) => e.stopPropagation(),
+		role: "dialog",
+		"aria-modal": "true",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "nd-modal-header",
+				children: [n && /* @__PURE__ */ c("h2", {
+					className: "nd-modal-title",
+					children: n
+				}), /* @__PURE__ */ c("button", {
+					className: "nd-modal-close",
+					onClick: t,
+					"aria-label": "Close",
+					children: /* @__PURE__ */ l("svg", {
+						width: "20",
+						height: "20",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ c("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), /* @__PURE__ */ c("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})]
+					})
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "nd-modal-content",
+				children: r
+			}),
+			a && /* @__PURE__ */ c("div", {
+				className: "nd-modal-footer",
+				children: a
+			})
+		]
+	})
+}), document.body) : null), P = (e, t) => {
+	let n = t - e + 1;
+	return Array.from({ length: n }, (t, n) => n + e);
+}, F = e.forwardRef(({ className: e = "", currentPage: t, totalPages: n, onChange: r, siblingCount: i = 1, ...a }, o) => {
+	let s = (() => {
+		if (i + 5 >= n) return P(1, n);
+		let e = Math.max(t - i, 1), r = Math.min(t + i, n), a = e > 2, o = r < n - 2, s = n;
+		return !a && o ? [
+			...P(1, 3 + 2 * i),
+			"...",
+			n
+		] : a && !o ? [
+			1,
+			"...",
+			...P(n - (3 + 2 * i) + 1, n)
+		] : a && o ? [
+			1,
+			"...",
+			...P(e, r),
+			"...",
+			s
+		] : [];
+	})();
+	return /* @__PURE__ */ l("ul", {
+		className: `nd-pagination ${e}`,
+		ref: o,
+		...a,
+		children: [
+			/* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("button", {
+				className: "nd-pagination-item",
+				disabled: t === 1,
+				onClick: () => r(t - 1),
+				"aria-label": "Previous page",
+				children: /* @__PURE__ */ c("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
+				})
+			}) }),
+			s.map((e, n) => e === "..." ? /* @__PURE__ */ c("li", {
+				className: "nd-pagination-ellipsis",
+				children: "…"
+			}, `ellipsis-${n}`) : /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("button", {
+				className: `nd-pagination-item ${e === t ? "nd-pagination-item--active" : ""}`,
+				onClick: () => r(e),
+				"aria-current": e === t ? "page" : void 0,
+				children: e
+			}) }, e)),
+			/* @__PURE__ */ c("li", { children: /* @__PURE__ */ c("button", {
+				className: "nd-pagination-item",
+				disabled: t === n,
+				onClick: () => r(t + 1),
+				"aria-label": "Next page",
+				children: /* @__PURE__ */ c("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+				})
+			}) })
+		]
+	});
+});
+F.displayName = "Pagination";
+//#endregion
+//#region src/components/Popover/Popover.tsx
+var fe = ({ trigger: e, content: t, header: n, placement: r = "bottom", className: s = "", showClose: u = !1 }) => {
+	let [d, f] = o(!1), p = a(null);
+	return i(() => {
+		let e = (e) => {
+			p.current && !p.current.contains(e.target) && f(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ l("div", {
+		className: `nd-popover-wrapper ${s}`,
+		ref: p,
+		children: [/* @__PURE__ */ c("div", {
+			onClick: () => f((e) => !e),
+			style: { display: "inline-block" },
+			children: e
+		}), d && /* @__PURE__ */ l("div", {
+			className: `nd-popover-content nd-popover-content--${r}`,
+			children: [
+				u && /* @__PURE__ */ c("button", {
+					className: "nd-popover-close",
+					onClick: () => f(!1),
+					"aria-label": "Close popover",
+					children: /* @__PURE__ */ l("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ c("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), /* @__PURE__ */ c("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})]
+					})
+				}),
+				n && /* @__PURE__ */ c("div", {
+					className: "nd-popover-header",
+					children: n
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nd-popover-body",
+					children: t
+				})
+			]
+		})]
+	});
+}, pe = e.forwardRef(({ className: e = "", value: t = 0, max: n = 100, label: r, showValue: i = !0, ...a }, o) => {
+	let s = Math.max(0, Number(t)), u = Math.max(1, Number(n)), d = Math.min(100, s / u * 100);
+	return /* @__PURE__ */ l("div", {
+		ref: o,
+		className: ["nd-progress-wrapper", e].filter(Boolean).join(" "),
+		...a,
+		children: [(r || i) && /* @__PURE__ */ l("div", {
+			className: "nd-progress-label",
+			children: [r ? /* @__PURE__ */ c("span", { children: r }) : /* @__PURE__ */ c("span", {}), i && /* @__PURE__ */ l("span", {
+				className: "nd-progress-value",
+				children: [Math.round(d), "%"]
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "nd-progress-track",
+			children: /* @__PURE__ */ c("div", {
+				className: "nd-progress-fill",
+				style: { width: `${d}%` }
+			})
+		})]
+	});
+});
+pe.displayName = "ProgressBar";
+//#endregion
+//#region src/components/Radio/Radio.tsx
+var I = e.forwardRef(({ className: e = "", label: t, disabled: n, checked: r, onChange: i, ...a }, o) => /* @__PURE__ */ l("label", {
+	className: [
+		"nd-radio-wrapper",
+		r ? "nd-radio-wrapper--checked" : "",
+		n ? "nd-radio-wrapper--disabled" : "",
+		e
+	].filter(Boolean).join(" "),
+	children: [/* @__PURE__ */ l("div", {
+		className: "nd-radio-box",
+		children: [/* @__PURE__ */ c("input", {
+			type: "radio",
+			className: "nd-radio-input",
+			ref: o,
+			checked: r,
+			onChange: i,
+			disabled: n,
+			...a
+		}), /* @__PURE__ */ c("div", { className: "nd-radio-dot" })]
+	}), t && /* @__PURE__ */ c("span", { children: t })]
+}));
+I.displayName = "Radio";
+//#endregion
+//#region src/components/RangeSlider/RangeSlider.tsx
+var me = ({ min: e = 0, max: t = 100, step: r = 1, defaultValue: s = [25, 75], value: u, onChange: d, className: f = "" }) => {
+	let [p, m] = o(s), [h, g] = o(null), _ = a(null), v = u !== void 0, y = v ? u : p, b = (n) => (n - e) / (t - e) * 100, x = (e, t) => {
+		t.preventDefault(), g(e), t.target instanceof HTMLElement && t.target.setPointerCapture(t.pointerId);
+	}, S = n((n) => {
+		if (h === null || !_.current) return;
+		let i = _.current.getBoundingClientRect(), a = Math.min(Math.max((n.clientX - i.left) / i.width, 0), 1) * (t - e) + e;
+		a = Math.round(a / r) * r;
+		let o = [...y];
+		h === 0 ? o[0] = Math.min(Math.max(a, e), y[1]) : o[1] = Math.max(Math.min(a, t), y[0]), v || m(o), d && d(o);
+	}, [
+		h,
+		y,
+		e,
+		t,
+		r,
+		v,
+		d
+	]), C = n((e) => {
+		if (g(null), e.target instanceof HTMLElement && e.pointerId) try {
+			e.target.releasePointerCapture(e.pointerId);
+		} catch {}
+	}, []);
+	i(() => (h === null ? (document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C)) : (document.addEventListener("pointermove", S), document.addEventListener("pointerup", C)), () => {
+		document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", C);
+	}), [
+		h,
+		S,
+		C
+	]);
+	let w = b(y[0]), T = b(y[1]), E = T - w;
+	return /* @__PURE__ */ c("div", {
+		className: `nd-range-slider ${f}`,
+		children: /* @__PURE__ */ l("div", {
+			className: "nd-range-slider-track",
+			ref: _,
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "nd-range-slider-fill",
+					style: {
+						left: `${w}%`,
+						width: `${E}%`
+					}
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nd-range-slider-thumb",
+					style: { left: `${w}%` },
+					onPointerDown: (e) => x(0, e),
+					tabIndex: 0,
+					role: "slider",
+					"aria-valuemin": e,
+					"aria-valuemax": y[1],
+					"aria-valuenow": y[0]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nd-range-slider-thumb",
+					style: { left: `${T}%` },
+					onPointerDown: (e) => x(1, e),
+					tabIndex: 0,
+					role: "slider",
+					"aria-valuemin": y[0],
+					"aria-valuemax": t,
+					"aria-valuenow": y[1]
+				})
+			]
+		})
+	});
+}, L = e.forwardRef(({ className: e = "", max: t = 5, value: n = 0, onChange: r, readOnly: i = !1, ...a }, s) => {
+	let [l, u] = o(null), d = (e) => {
+		i || u(e);
+	}, f = () => {
+		i || u(null);
+	}, p = (e) => {
+		!i && r && r(e);
+	}, m = l === null ? n : l;
+	return /* @__PURE__ */ c("div", {
+		className: `nd-rating ${e}`,
+		ref: s,
+		onMouseLeave: f,
+		role: "slider",
+		"aria-valuemin": 0,
+		"aria-valuemax": t,
+		"aria-valuenow": n,
+		...a,
+		children: Array.from({ length: t }).map((e, t) => {
+			let n = t + 1, r = n <= m;
+			return /* @__PURE__ */ c("button", {
+				className: `nd-rating-star ${r ? "nd-rating-star--filled" : "nd-rating-star--unfilled"}`,
+				onMouseEnter: () => d(n),
+				onClick: () => p(n),
+				disabled: i,
+				"aria-label": `Rate ${n} stars`,
+				children: /* @__PURE__ */ c("svg", {
+					width: "24",
+					height: "24",
+					viewBox: "0 0 24 24",
+					fill: r ? "currentColor" : "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ c("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+				})
+			}, n);
+		})
+	});
+});
+L.displayName = "Rating";
+//#endregion
+//#region src/components/Resizable/Resizable.tsx
+var he = ({ direction: e = "horizontal", initialRatio: t = .5, minRatio: r = .1, maxRatio: s = .9, panelA: u, panelB: d, className: f = "", style: p }) => {
+	let [m, h] = o(t), [g, _] = o(!1), v = a(null), y = (e) => {
+		e.preventDefault(), _(!0);
+	}, b = n((t) => {
+		if (!g || !v.current) return;
+		let n = v.current.getBoundingClientRect(), i;
+		i = e === "horizontal" ? (t.clientX - n.left) / n.width : (t.clientY - n.top) / n.height, i = Math.max(r, Math.min(s, i)), h(i);
+	}, [
+		g,
+		e,
+		r,
+		s
+	]), x = n(() => {
+		_(!1);
+	}, []);
+	i(() => (g ? (document.addEventListener("mousemove", b), document.addEventListener("mouseup", x), document.body.style.userSelect = "none", document.body.style.cursor = e === "horizontal" ? "col-resize" : "row-resize") : (document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", x), document.body.style.userSelect = "", document.body.style.cursor = ""), () => {
+		document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", x), document.body.style.userSelect = "", document.body.style.cursor = "";
+	}), [
+		g,
+		b,
+		x,
+		e
+	]);
+	let S = `${m * 100}%`, C = `${(1 - m) * 100}%`;
+	return /* @__PURE__ */ l("div", {
+		className: `nd-resizable-container nd-resizable-container--${e} ${f}`,
+		ref: v,
+		style: p,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "nd-resizable-panel",
+				style: {
+					flexBasis: S,
+					flexGrow: 0
+				},
+				children: u
+			}),
+			/* @__PURE__ */ c("div", {
+				className: `nd-resizable-handle nd-resizable-handle--${e}`,
+				onMouseDown: y,
+				role: "separator",
+				"aria-orientation": e,
+				children: /* @__PURE__ */ c("div", { className: "nd-resizable-grip" })
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "nd-resizable-panel",
+				style: {
+					flexBasis: C,
+					flexGrow: 1
+				},
+				children: d
+			})
+		]
+	});
+}, R = e.forwardRef(({ className: e = "", height: t = "100%", width: n = "100%", style: r, children: i, ...a }, o) => /* @__PURE__ */ c("div", {
+	className: `nd-scroll-area ${e}`,
+	ref: o,
+	style: {
+		height: t,
+		width: n,
+		...r
+	},
+	...a,
+	children: i
+}));
+R.displayName = "ScrollArea";
+//#endregion
+//#region src/components/Select/Select.tsx
+var z = e.forwardRef(({ className: e = "", label: t, error: n, options: r, value: s, onChange: u, disabled: d, ...f }, p) => {
+	let [m, h] = o(!1), g = a(null), _ = r.find((e) => e.value === s);
+	i(() => {
+		let e = (e) => {
+			g.current && !g.current.contains(e.target) && h(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let v = (e) => {
+		u && u(e), h(!1);
+	}, y = ["nd-select-wrapper", e].filter(Boolean).join(" "), b = [
+		"nd-select-trigger",
+		n ? "nd-select-trigger--error" : "",
+		d ? "nd-select-trigger--disabled" : "",
+		m ? "nd-select-trigger--open" : ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: y,
+		ref: g,
+		...f,
+		children: [
+			t && /* @__PURE__ */ c("label", {
+				className: "nd-select-label",
+				children: t
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-select-container",
+				children: [/* @__PURE__ */ l("div", {
+					className: b,
+					onClick: () => !d && h(!m),
+					ref: p,
+					role: "button",
+					"aria-haspopup": "listbox",
+					"aria-expanded": m,
+					children: [/* @__PURE__ */ c("span", { children: _ ? _.label : "Select..." }), /* @__PURE__ */ c("svg", {
+						className: `nd-select-icon ${m ? "nd-select-icon--open" : ""}`,
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+					})]
+				}), m && !d && /* @__PURE__ */ c("div", {
+					className: "nd-select-dropdown",
+					role: "listbox",
+					children: r.map((e) => /* @__PURE__ */ c("div", {
+						role: "option",
+						"aria-selected": e.value === _?.value,
+						className: `nd-select-option ${e.value === _?.value ? "nd-select-option--selected" : ""}`,
+						onClick: () => v(e.value),
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			n && /* @__PURE__ */ c("span", {
+				className: "nd-select-error-text",
+				children: n
+			})
+		]
+	});
+});
+z.displayName = "Select";
+//#endregion
+//#region src/components/Skeleton/Skeleton.tsx
+var B = e.forwardRef(({ className: e = "", variant: t = "text", width: n, height: r, style: i, ...a }, o) => /* @__PURE__ */ c("div", {
+	className: [
+		"nd-skeleton",
+		`nd-skeleton--${t}`,
+		e
+	].filter(Boolean).join(" "),
+	style: {
+		...i,
+		...n && { width: n },
+		...r && { height: r }
+	},
+	ref: o,
+	"aria-hidden": "true",
+	...a
+}));
+B.displayName = "Skeleton";
+//#endregion
+//#region src/components/Slider/Slider.tsx
+var V = e.forwardRef(({ className: e = "", label: t, value: n = 0, min: r = 0, max: i = 100, disabled: a, onChange: o, ...s }, u) => {
+	let d = Number(n), f = Number(r), p = Number(i), m = Math.max(0, Math.min(100, (d - f) / (p - f) * 100));
+	return /* @__PURE__ */ l("div", {
+		className: [
+			"nd-slider-wrapper",
+			a ? "nd-slider-wrapper--disabled" : "",
+			e
+		].filter(Boolean).join(" "),
+		children: [t && /* @__PURE__ */ l("div", {
+			className: "nd-slider-label",
+			children: [/* @__PURE__ */ c("span", { children: t }), /* @__PURE__ */ c("span", {
+				className: "nd-slider-value",
+				children: n
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "nd-slider-track-container",
+			children: [/* @__PURE__ */ c("div", {
+				className: "nd-slider-track",
+				children: /* @__PURE__ */ c("div", {
+					className: "nd-slider-fill",
+					style: { width: `${m}%` }
+				})
+			}), /* @__PURE__ */ c("input", {
+				type: "range",
+				className: "nd-slider-input",
+				ref: u,
+				value: n,
+				min: r,
+				max: i,
+				disabled: a,
+				onChange: o,
+				...s
+			})]
+		})]
+	});
+});
+V.displayName = "Slider";
+//#endregion
+//#region src/components/SpeedDial/SpeedDial.tsx
+var ge = ({ actions: e, icon: t, className: n = "" }) => {
+	let [r, s] = o(!1), u = a(null);
+	i(() => {
+		let e = (e) => {
+			u.current && !u.current.contains(e.target) && s(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let d = /* @__PURE__ */ l("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ c("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "19"
+		}), /* @__PURE__ */ c("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})]
+	});
+	return /* @__PURE__ */ l("div", {
+		className: `nd-speed-dial ${r ? "nd-speed-dial--open" : ""} ${n}`,
+		ref: u,
+		children: [/* @__PURE__ */ c("div", {
+			className: "nd-speed-dial-actions",
+			children: e.map((e, t) => /* @__PURE__ */ l("button", {
+				className: "nd-speed-dial-action",
+				onClick: () => {
+					e.onClick && e.onClick(), s(!1);
+				},
+				"aria-label": e.label,
+				children: [e.icon, /* @__PURE__ */ c("span", {
+					className: "nd-speed-dial-tooltip",
+					children: e.label
+				})]
+			}, t))
+		}), /* @__PURE__ */ c("button", {
+			className: "nd-speed-dial-trigger",
+			onClick: () => s(!r),
+			"aria-expanded": r,
+			"aria-haspopup": "menu",
+			"aria-label": "Toggle Speed Dial",
+			children: /* @__PURE__ */ c("span", {
+				className: "nd-speed-dial-trigger-icon",
+				children: t || d
+			})
+		})]
+	});
+}, H = e.forwardRef(({ className: e = "", size: t = "md", ...n }, r) => {
+	let i = [
+		"nd-spinner",
+		`nd-spinner--${t}`,
+		e
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ c("div", {
+		className: "nd-spinner-wrapper",
+		ref: r,
+		...n,
+		children: /* @__PURE__ */ c("div", { className: i })
+	});
+});
+H.displayName = "Spinner";
+//#endregion
+//#region src/components/SplitButton/SplitButton.tsx
+var _e = ({ label: e, onClick: t, options: n, className: r = "" }) => {
+	let [s, u] = o(!1), d = a(null);
+	return i(() => {
+		let e = (e) => {
+			d.current && !d.current.contains(e.target) && u(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []), /* @__PURE__ */ l("div", {
+		className: `nd-split-button-container ${r}`,
+		ref: d,
+		children: [/* @__PURE__ */ l("div", {
+			className: "nd-split-button-group",
+			children: [
+				/* @__PURE__ */ c("button", {
+					className: "nd-split-button-main",
+					onClick: () => {
+						t && t(), u(!1);
+					},
+					children: e
+				}),
+				/* @__PURE__ */ c("div", { className: "nd-split-button-divider" }),
+				/* @__PURE__ */ c("button", {
+					className: "nd-split-button-dropdown-toggle",
+					onClick: () => u(!s),
+					"aria-expanded": s,
+					"aria-haspopup": "menu",
+					"aria-label": "Toggle drop-down",
+					children: /* @__PURE__ */ c("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						style: {
+							transform: s ? "rotate(180deg)" : "rotate(0deg)",
+							transition: "transform 0.2s"
+						},
+						children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+					})
+				})
+			]
+		}), s && /* @__PURE__ */ c("div", {
+			className: "nd-split-button-menu",
+			role: "menu",
+			children: n.map((e, t) => /* @__PURE__ */ c("button", {
+				className: "nd-split-button-menu-item",
+				role: "menuitem",
+				onClick: () => {
+					e.onClick(), u(!1);
+				},
+				children: e.label
+			}, t))
+		})]
+	});
+}, U = e.forwardRef(({ className: e = "", steps: t, currentStep: n, ...r }, i) => /* @__PURE__ */ c("div", {
+	className: `nd-stepper ${e}`,
+	ref: i,
+	...r,
+	children: t.map((e, t) => {
+		let r = t < n;
+		return /* @__PURE__ */ l("div", {
+			className: [
+				"nd-stepper-item",
+				t === n ? "nd-stepper-item--active" : "",
+				r ? "nd-stepper-item--completed" : ""
+			].filter(Boolean).join(" "),
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "nd-stepper-indicator",
+					children: r ? /* @__PURE__ */ c("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "3",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: /* @__PURE__ */ c("polyline", { points: "20 6 9 17 4 12" })
+					}) : /* @__PURE__ */ c("span", { children: t + 1 })
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nd-stepper-label",
+					children: e.label
+				}),
+				/* @__PURE__ */ c("div", { className: "nd-stepper-connector" })
+			]
+		}, t);
+	})
+}));
+U.displayName = "Stepper";
+//#endregion
+//#region src/components/Switch/Switch.tsx
+var W = e.forwardRef(({ className: e = "", label: t, disabled: n, checked: r, onChange: i, ...a }, o) => /* @__PURE__ */ l("label", {
+	className: [
+		"nd-switch",
+		r ? "nd-switch--checked" : "",
+		n ? "nd-switch--disabled" : "",
+		e
+	].filter(Boolean).join(" "),
+	children: [t && /* @__PURE__ */ c("span", { children: t }), /* @__PURE__ */ l("div", {
+		className: "nd-switch-track",
+		children: [/* @__PURE__ */ c("input", {
+			type: "checkbox",
+			className: "nd-switch-input",
+			ref: o,
+			checked: r,
+			onChange: i,
+			disabled: n,
+			...a
+		}), /* @__PURE__ */ c("div", { className: "nd-switch-thumb" })]
+	})]
+}));
+W.displayName = "Switch";
+//#endregion
+//#region src/components/Table/Table.tsx
+function ve({ className: e = "", data: t, columns: n, keyExtractor: r, ...i }) {
+	return /* @__PURE__ */ c("div", {
+		className: "nd-table-container",
+		children: /* @__PURE__ */ l("table", {
+			className: `nd-table ${e}`,
+			...i,
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: n.map((e) => /* @__PURE__ */ c("th", {
+				className: "nd-table-th",
+				children: e.header
+			}, e.key)) }) }), /* @__PURE__ */ l("tbody", { children: [t.map((e) => /* @__PURE__ */ c("tr", {
+				className: "nd-table-tr",
+				children: n.map((t) => /* @__PURE__ */ c("td", {
+					className: "nd-table-td",
+					children: t.render ? t.render(e) : e[t.key]
+				}, t.key))
+			}, r(e))), t.length === 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+				colSpan: n.length,
+				className: "nd-table-td",
+				style: {
+					textAlign: "center",
+					color: "var(--nd-color-text-secondary)"
+				},
+				children: "No data available"
+			}) })] })]
+		})
+	});
+}
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+var G = e.forwardRef(({ className: e = "", items: t, defaultActiveId: n, onChange: r, ...i }, a) => {
+	let [s, u] = o(n || t[0]?.id), d = (e) => {
+		u(e), r && r(e);
+	}, f = t.find((e) => e.id === s)?.content;
+	return /* @__PURE__ */ l("div", {
+		className: `nd-tabs-wrapper ${e}`,
+		ref: a,
+		...i,
+		children: [/* @__PURE__ */ c("div", {
+			className: "nd-tabs-list",
+			role: "tablist",
+			children: t.map((e) => /* @__PURE__ */ c("button", {
+				role: "tab",
+				"aria-selected": s === e.id,
+				className: `nd-tabs-tab ${s === e.id ? "nd-tabs-tab--active" : ""}`,
+				onClick: () => d(e.id),
+				children: e.label
+			}, e.id))
+		}), /* @__PURE__ */ c("div", {
+			className: "nd-tabs-panel",
+			role: "tabpanel",
+			children: f
+		})]
+	});
+});
+G.displayName = "Tabs";
+//#endregion
+//#region src/components/TagsInput/TagsInput.tsx
+var K = e.forwardRef(({ className: e = "", label: t, tags: n, onChange: r, placeholder: i = "Add a tag...", disabled: a = !1, ...s }, u) => {
+	let [d, f] = o([]), [p, m] = o(""), h = n !== void 0, g = h ? n : d, _ = (e) => {
+		if (e.key === "Enter" || e.key === ",") {
+			e.preventDefault();
+			let t = p.trim();
+			if (t && !g.includes(t)) {
+				let e = [...g, t];
+				h || f(e), r && r(e), m("");
+			}
+		} else if (e.key === "Backspace" && !p && g.length > 0) {
+			let e = g.slice(0, -1);
+			h || f(e), r && r(e);
+		}
+	}, v = (e) => {
+		let t = g.filter((t, n) => n !== e);
+		h || f(t), r && r(t);
+	};
+	return /* @__PURE__ */ l("div", {
+		className: `nd-tags-input-wrapper ${e}`,
+		ref: u,
+		...s,
+		children: [t && /* @__PURE__ */ c("label", {
+			className: "nd-input-label",
+			children: t
+		}), /* @__PURE__ */ l("div", {
+			className: `nd-tags-input-container ${a ? "nd-tags-input-container--disabled" : ""}`,
+			children: [g.map((e, t) => /* @__PURE__ */ l("span", {
+				className: "nd-tags-input-tag",
+				children: [e, /* @__PURE__ */ c("button", {
+					type: "button",
+					className: "nd-tags-input-tag-remove",
+					onClick: () => v(t),
+					"aria-label": `Remove ${e}`,
+					disabled: a,
+					children: /* @__PURE__ */ l("svg", {
+						width: "14",
+						height: "14",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						children: [/* @__PURE__ */ c("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), /* @__PURE__ */ c("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})]
+					})
+				})]
+			}, t)), /* @__PURE__ */ c("input", {
+				type: "text",
+				className: "nd-tags-input-field",
+				value: p,
+				onChange: (e) => m(e.target.value),
+				onKeyDown: _,
+				placeholder: g.length === 0 ? i : "",
+				disabled: a
+			})]
+		})]
+	});
+});
+K.displayName = "TagsInput";
+//#endregion
+//#region src/components/Textarea/Textarea.tsx
+var q = e.forwardRef(({ className: e = "", label: t, error: n, ...r }, i) => {
+	let a = ["nd-textarea-wrapper", e].filter(Boolean).join(" "), o = ["nd-textarea", n ? "nd-textarea--error" : ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ l("div", {
+		className: a,
+		children: [
+			t && /* @__PURE__ */ c("label", {
+				className: "nd-textarea-label",
+				children: t
+			}),
+			/* @__PURE__ */ c("textarea", {
+				className: o,
+				ref: i,
+				...r
+			}),
+			n && /* @__PURE__ */ c("span", {
+				className: "nd-textarea-error-text",
+				children: n
+			})
+		]
+	});
+});
+q.displayName = "Textarea";
+//#endregion
+//#region src/components/TimePicker/TimePicker.tsx
+var ye = ({ value: e = "12:00", onChange: t, is24Hour: n = !1, className: r = "" }) => {
+	let a = (e) => {
+		let [t, n] = e.split(":").map(Number);
+		return {
+			hours: isNaN(t) ? 12 : t,
+			minutes: isNaN(n) ? 0 : n
+		};
+	}, s = a(e), [u, d] = o(s.hours), [f, p] = o(s.minutes), [m, h] = o(s.hours >= 12 ? "PM" : "AM");
+	i(() => {
+		if (e) {
+			let t = a(e);
+			d(t.hours), p(t.minutes), h(t.hours >= 12 ? "PM" : "AM");
+		}
+	}, [e]);
+	let g = (e, r, i) => {
+		if (!t) return;
+		let a = e;
+		n || (i === "PM" && e !== 12 && (a += 12), i === "AM" && e === 12 && (a = 0)), t(`${String(a).padStart(2, "0")}:${String(r).padStart(2, "0")}`);
+	}, _ = (e) => {
+		let t = u + e;
+		n ? (t < 0 && (t = 23), t > 23 && (t = 0)) : (t < 1 && (t = 12), t > 12 && (t = 1)), d(t), g(t, f, m);
+	}, v = (e) => {
+		let t = f + e;
+		if (t < 0) {
+			t = 59, _(-1);
+			return;
+		}
+		if (t > 59) {
+			t = 0, _(1);
+			return;
+		}
+		p(t), g(u, t, m);
+	}, y = (e) => {
+		h(e), g(u, f, e);
+	}, b = n ? u : u > 12 ? u - 12 : u === 0 ? 12 : u;
+	return /* @__PURE__ */ l("div", {
+		className: `nd-timepicker ${r}`,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "nd-timepicker-segment",
+				children: [
+					/* @__PURE__ */ c("button", {
+						className: "nd-timepicker-btn",
+						onClick: () => _(1),
+						"aria-label": "Increase hours",
+						children: /* @__PURE__ */ c("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "18 15 12 9 6 15" })
+						})
+					}),
+					/* @__PURE__ */ c("input", {
+						className: "nd-timepicker-input",
+						value: String(b).padStart(2, "0"),
+						readOnly: !0,
+						"aria-label": "Hours"
+					}),
+					/* @__PURE__ */ c("button", {
+						className: "nd-timepicker-btn",
+						onClick: () => _(-1),
+						"aria-label": "Decrease hours",
+						children: /* @__PURE__ */ c("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "nd-timepicker-separator",
+				children: ":"
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-timepicker-segment",
+				children: [
+					/* @__PURE__ */ c("button", {
+						className: "nd-timepicker-btn",
+						onClick: () => v(1),
+						"aria-label": "Increase minutes",
+						children: /* @__PURE__ */ c("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "18 15 12 9 6 15" })
+						})
+					}),
+					/* @__PURE__ */ c("input", {
+						className: "nd-timepicker-input",
+						value: String(f).padStart(2, "0"),
+						readOnly: !0,
+						"aria-label": "Minutes"
+					}),
+					/* @__PURE__ */ c("button", {
+						className: "nd-timepicker-btn",
+						onClick: () => v(-1),
+						"aria-label": "Decrease minutes",
+						children: /* @__PURE__ */ c("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "3",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "6 9 12 15 18 9" })
+						})
+					})
+				]
+			}),
+			!n && /* @__PURE__ */ l("div", {
+				className: "nd-timepicker-ampm",
+				children: [/* @__PURE__ */ c("button", {
+					className: `nd-timepicker-ampm-btn ${m === "AM" ? "nd-timepicker-ampm-btn--active" : ""}`,
+					onClick: () => y("AM"),
+					children: "AM"
+				}), /* @__PURE__ */ c("button", {
+					className: `nd-timepicker-ampm-btn ${m === "PM" ? "nd-timepicker-ampm-btn--active" : ""}`,
+					onClick: () => y("PM"),
+					children: "PM"
+				})]
+			})
+		]
+	});
+}, J = e.forwardRef(({ className: e = "", items: t, ...n }, r) => /* @__PURE__ */ c("ol", {
+	className: `nd-timeline ${e}`,
+	ref: r,
+	...n,
+	children: t.map((e, t) => /* @__PURE__ */ l("li", {
+		className: `nd-timeline-item ${e.isActive ? "nd-timeline-item--active" : ""}`,
+		children: [/* @__PURE__ */ c("div", {
+			className: "nd-timeline-indicator",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ l("div", {
+			className: "nd-timeline-content",
+			children: [
+				e.time && /* @__PURE__ */ c("time", {
+					className: "nd-timeline-time",
+					children: e.time
+				}),
+				/* @__PURE__ */ c("h4", {
+					className: "nd-timeline-title",
+					children: e.title
+				}),
+				e.description && /* @__PURE__ */ c("div", {
+					className: "nd-timeline-description",
+					children: e.description
+				})
+			]
+		})]
+	}, t))
+}));
+J.displayName = "Timeline";
+//#endregion
+//#region src/components/Toast/Toast.tsx
+var Y = e.forwardRef(({ className: e = "", title: t, description: n, variant: r = "default", onClose: i, ...a }, o) => /* @__PURE__ */ l("div", {
+	ref: o,
+	className: [
+		"nd-toast",
+		`nd-toast--${r}`,
+		e
+	].filter(Boolean).join(" "),
+	role: "alert",
+	...a,
+	children: [/* @__PURE__ */ l("div", {
+		className: "nd-toast-content",
+		children: [/* @__PURE__ */ c("span", {
+			className: "nd-toast-title",
+			children: t
+		}), n && /* @__PURE__ */ c("span", {
+			className: "nd-toast-description",
+			children: n
+		})]
+	}), i && /* @__PURE__ */ c("button", {
+		className: "nd-toast-close",
+		onClick: i,
+		"aria-label": "Close",
+		children: /* @__PURE__ */ l("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ c("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), /* @__PURE__ */ c("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})]
+		})
+	})]
+}));
+Y.displayName = "Toast";
+//#endregion
+//#region src/components/ToggleGroup/ToggleGroup.tsx
+var X = e.forwardRef(({ className: e = "", items: t, type: n = "single", defaultValue: r, onChange: i, ...a }, s) => {
+	let [u, d] = o(() => r ? Array.isArray(r) ? r : [r] : []), f = (e) => {
+		let t;
+		t = n === "single" ? u.includes(e) ? [] : [e] : u.includes(e) ? u.filter((t) => t !== e) : [...u, e], d(t), i && i(n === "single" ? t[0] || "" : t);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: `nd-togglegroup ${e}`,
+		ref: s,
+		...a,
+		children: t.map((e) => {
+			let t = u.includes(e.value);
+			return /* @__PURE__ */ l("button", {
+				className: `nd-togglegroup-item ${t ? "nd-togglegroup-item--active" : ""}`,
+				onClick: () => f(e.value),
+				"aria-pressed": t,
+				children: [e.icon && /* @__PURE__ */ c("span", {
+					style: { marginRight: e.label ? "0.5rem" : "0" },
+					children: e.icon
+				}), e.label && /* @__PURE__ */ c("span", { children: e.label })]
+			}, e.value);
+		})
+	});
+});
+X.displayName = "ToggleGroup";
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+var Z = e.forwardRef(({ className: e = "", content: t, placement: n = "top", children: r, ...i }, a) => /* @__PURE__ */ l("div", {
+	className: `nd-tooltip-wrapper ${e}`,
+	ref: a,
+	...i,
+	children: [r, /* @__PURE__ */ c("div", {
+		className: `nd-tooltip nd-tooltip--${n}`,
+		role: "tooltip",
+		children: t
+	})]
+}));
+Z.displayName = "Tooltip";
+//#endregion
+//#region src/components/TransferList/TransferList.tsx
+var be = ({ availableItems: e, selectedItems: t, onChange: n, availableTitle: r = "Available", selectedTitle: i = "Selected", className: a = "" }) => {
+	let [s, u] = o(/* @__PURE__ */ new Set()), [d, f] = o(/* @__PURE__ */ new Set()), p = (e, t) => {
+		if (t === "available") {
+			let t = new Set(s);
+			t.has(e) ? t.delete(e) : t.add(e), u(t);
+		} else {
+			let t = new Set(d);
+			t.has(e) ? t.delete(e) : t.add(e), f(t);
+		}
+	};
+	return /* @__PURE__ */ l("div", {
+		className: `nd-transfer-list ${a}`,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "nd-transfer-list-box",
+				children: [/* @__PURE__ */ c("h4", {
+					className: "nd-transfer-list-title",
+					children: r
+				}), /* @__PURE__ */ c("ul", {
+					className: "nd-transfer-list-items",
+					children: e.map((e) => /* @__PURE__ */ l("li", {
+						className: `nd-transfer-list-item ${s.has(e.id) ? "nd-transfer-list-item--selected" : ""}`,
+						onClick: () => p(e.id, "available"),
+						children: [/* @__PURE__ */ c("input", {
+							type: "checkbox",
+							checked: s.has(e.id),
+							readOnly: !0,
+							style: {
+								appearance: "none",
+								width: "1rem",
+								height: "1rem",
+								borderRadius: "4px",
+								boxShadow: s.has(e.id) ? "var(--nd-shadow-inset), var(--nd-glow-accent)" : "var(--nd-shadow-inset)",
+								backgroundColor: "var(--nd-color-bg)"
+							}
+						}), e.label]
+					}, e.id))
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-transfer-list-controls",
+				children: [
+					/* @__PURE__ */ c("button", {
+						className: "nd-transfer-list-btn",
+						onClick: () => {
+							n([], [...t, ...e]), u(/* @__PURE__ */ new Set());
+						},
+						disabled: e.length === 0,
+						"aria-label": "Move all right",
+						children: /* @__PURE__ */ c("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("path", { d: "M13 17l5-5-5-5M6 17l5-5-5-5" })
+						})
+					}),
+					/* @__PURE__ */ c("button", {
+						className: "nd-transfer-list-btn",
+						onClick: () => {
+							let r = e.filter((e) => s.has(e.id));
+							n(e.filter((e) => !s.has(e.id)), [...t, ...r]), u(/* @__PURE__ */ new Set());
+						},
+						disabled: s.size === 0,
+						"aria-label": "Move selected right",
+						children: /* @__PURE__ */ c("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+						})
+					}),
+					/* @__PURE__ */ c("button", {
+						className: "nd-transfer-list-btn",
+						onClick: () => {
+							let r = t.filter((e) => d.has(e.id)), i = t.filter((e) => !d.has(e.id));
+							n([...e, ...r], i), f(/* @__PURE__ */ new Set());
+						},
+						disabled: d.size === 0,
+						"aria-label": "Move selected left",
+						children: /* @__PURE__ */ c("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("polyline", { points: "15 18 9 12 15 6" })
+						})
+					}),
+					/* @__PURE__ */ c("button", {
+						className: "nd-transfer-list-btn",
+						onClick: () => {
+							n([...e, ...t], []), f(/* @__PURE__ */ new Set());
+						},
+						disabled: t.length === 0,
+						"aria-label": "Move all left",
+						children: /* @__PURE__ */ c("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ c("path", { d: "M11 17l-5-5 5-5M18 17l-5-5 5-5" })
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "nd-transfer-list-box",
+				children: [/* @__PURE__ */ c("h4", {
+					className: "nd-transfer-list-title",
+					children: i
+				}), /* @__PURE__ */ c("ul", {
+					className: "nd-transfer-list-items",
+					children: t.map((e) => /* @__PURE__ */ l("li", {
+						className: `nd-transfer-list-item ${d.has(e.id) ? "nd-transfer-list-item--selected" : ""}`,
+						onClick: () => p(e.id, "selected"),
+						children: [/* @__PURE__ */ c("input", {
+							type: "checkbox",
+							checked: d.has(e.id),
+							readOnly: !0,
+							style: {
+								appearance: "none",
+								width: "1rem",
+								height: "1rem",
+								borderRadius: "4px",
+								boxShadow: d.has(e.id) ? "var(--nd-shadow-inset), var(--nd-glow-accent)" : "var(--nd-shadow-inset)",
+								backgroundColor: "var(--nd-color-bg)"
+							}
+						}), e.label]
+					}, e.id))
+				})]
+			})
+		]
+	});
+}, Q = ({ node: e, onSelect: t, selectedId: n, defaultExpandedIds: r = [] }) => {
+	let [i, a] = o(r.includes(e.id)), s = e.children && e.children.length > 0;
+	return /* @__PURE__ */ l("li", {
+		className: "nd-tree-node",
+		children: [/* @__PURE__ */ l("div", {
+			className: `nd-tree-node-content ${n === e.id ? "nd-tree-node-content--selected" : ""}`,
+			onClick: () => {
+				t && t(e);
+			},
+			children: [
+				/* @__PURE__ */ c("div", {
+					style: {
+						width: "1.5rem",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center"
+					},
+					children: s && /* @__PURE__ */ c("button", {
+						className: "nd-tree-toggle",
+						onClick: (e) => {
+							e.stopPropagation(), a(!i);
+						},
+						"aria-label": i ? "Collapse" : "Expand",
+						children: /* @__PURE__ */ c("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							style: {
+								transform: i ? "rotate(90deg)" : "rotate(0deg)",
+								transition: "transform 0.2s"
+							},
+							children: /* @__PURE__ */ c("polyline", { points: "9 18 15 12 9 6" })
+						})
+					})
+				}),
+				e.icon && /* @__PURE__ */ c("span", {
+					className: "nd-tree-icon",
+					children: e.icon
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "nd-tree-label",
+					children: e.label
+				})
+			]
+		}), s && i && /* @__PURE__ */ c("ul", {
+			className: "nd-tree-children",
+			children: e.children.map((e) => /* @__PURE__ */ c(Q, {
+				node: e,
+				onSelect: t,
+				selectedId: n,
+				defaultExpandedIds: r
+			}, e.id))
+		})]
+	});
+}, $ = e.forwardRef(({ className: e = "", data: t, onSelect: n, selectedId: r, defaultExpandedIds: i, ...a }, o) => /* @__PURE__ */ c("ul", {
+	className: `nd-tree ${e}`,
+	ref: o,
+	...a,
+	children: t.map((e) => /* @__PURE__ */ c(Q, {
+		node: e,
+		onSelect: n,
+		selectedId: r,
+		defaultExpandedIds: i
+	}, e.id))
+}));
+$.displayName = "Tree";
+//#endregion
+export { d as Accordion, p as Alert, m as Avatar, h as Badge, g as Breadcrumbs, _ as Button, v as Calendar, y as Card, b as Carousel, x as Checkbox, C as ColorPicker, w as CommandMenu, T as ContextMenu, te as DatePicker, D as Divider, ne as Drawer, ie as DropdownMenu, re as DropdownMenuDivider, O as DropdownMenuItem, k as Dropzone, ae as HoverCard, A as IconButton, j as Input, oe as Knob, M as Listbox, se as Menubar, le as MenubarItem, ce as MenubarMenu, ue as MenubarSeparator, de as Modal, F as Pagination, fe as Popover, pe as ProgressBar, I as Radio, me as RangeSlider, L as Rating, he as Resizable, R as ScrollArea, z as Select, B as Skeleton, V as Slider, ge as SpeedDial, H as Spinner, _e as SplitButton, U as Stepper, W as Switch, ve as Table, G as Tabs, K as TagsInput, q as Textarea, ye as TimePicker, J as Timeline, Y as Toast, X as ToggleGroup, Z as Tooltip, be as TransferList, $ as Tree };