@almanaclabs/blaze-ui 0.3.1 → 0.4.0

package/dist/components/calendar/calendar.js

@@ -0,0 +1,92 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t, buttonVariants as n } from "../button/button.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { IconChevronDown as a, IconChevronLeft as o, IconChevronRight as s } from "@tabler/icons-react";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/components/calendar/calendar.tsx
+function u({ className: t, classNames: i, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", locale: m, formatters: h, components: g, ..._ }) {
+	let v = l();
+	return /* @__PURE__ */ r(c, {
+		showOutsideDays: u,
+		className: e("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		locale: m,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(m?.code, { month: "short" }),
+			...h
+		},
+		classNames: {
+			root: e("w-fit", v.root),
+			months: e("relative flex flex-col gap-4 md:flex-row", v.months),
+			month: e("flex w-full flex-col gap-4", v.month),
+			nav: e("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", v.nav),
+			button_previous: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_previous),
+			button_next: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_next),
+			month_caption: e("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", v.month_caption),
+			dropdowns: e("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", v.dropdowns),
+			dropdown_root: e("relative rounded-(--cell-radius)", v.dropdown_root),
+			dropdown: e("absolute inset-0 bg-popover opacity-0", v.dropdown),
+			caption_label: e("font-medium select-none", f === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", v.caption_label),
+			month_grid: e("w-full border-collapse", v.month_grid),
+			weekdays: e("flex", v.weekdays),
+			weekday: e("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", v.weekday),
+			week: e("mt-2 flex w-full", v.week),
+			week_number_header: e("w-(--cell-size) select-none", v.week_number_header),
+			week_number: e("text-[0.8rem] text-muted-foreground select-none", v.week_number),
+			day: e("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", _.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", v.day),
+			range_start: e("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", v.range_start),
+			range_middle: e("rounded-none", v.range_middle),
+			range_end: e("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", v.range_end),
+			today: e("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", v.today),
+			outside: e("text-muted-foreground aria-selected:text-muted-foreground", v.outside),
+			disabled: e("text-muted-foreground opacity-50", v.disabled),
+			hidden: e("invisible", v.hidden),
+			...i
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...i }) => /* @__PURE__ */ r("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...i
+			}),
+			Chevron: ({ className: t, orientation: n, ...i }) => r(n === "left" ? o : n === "right" ? s : a, {
+				className: e("size-4", t),
+				...i
+			}),
+			DayButton: ({ ...e }) => /* @__PURE__ */ r(d, {
+				locale: m,
+				...e
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ r("th", {
+				...t,
+				children: /* @__PURE__ */ r("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...g
+		},
+		..._
+	});
+}
+function d({ className: n, day: a, modifiers: o, locale: s, ...c }) {
+	let u = l(), d = i.useRef(null);
+	return i.useEffect(() => {
+		o.focused && d.current?.focus();
+	}, [o.focused]), /* @__PURE__ */ r(t, {
+		variant: "ghost",
+		size: "icon",
+		"data-day": a.date.toLocaleDateString(s?.code),
+		"data-selected-single": o.selected && !o.range_start && !o.range_end && !o.range_middle,
+		"data-range-start": o.range_start,
+		"data-range-end": o.range_end,
+		"data-range-middle": o.range_middle,
+		className: e("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", u.day, n),
+		...c
+	});
+}
+//#endregion
+export { u as Calendar, d as CalendarDayButton };

package/dist/components/card/card.js

@@ -0,0 +1,56 @@
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/card/card.tsx
+function n({ className: n, size: r = "default", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card",
+		"data-size": r,
+		className: e("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", n),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-header",
+		className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-title",
+		className: e("font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-description",
+		className: e("text-sm text-muted-foreground", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-action",
+		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-content",
+		className: e("px-(--card-spacing)", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "card-footer",
+		className: e("flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)", n),
+		...r
+	});
+}
+//#endregion
+export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };

package/dist/components/carousel/carousel.js

@@ -0,0 +1,110 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+import { IconChevronLeft as a, IconChevronRight as o } from "@tabler/icons-react";
+import s from "embla-carousel-react";
+//#region src/components/carousel/carousel.tsx
+var c = i.createContext(null);
+function l() {
+	let e = i.useContext(c);
+	if (!e) throw Error("useCarousel must be used within a <Carousel />");
+	return e;
+}
+function u({ orientation: t = "horizontal", opts: r, setApi: a, plugins: o, className: l, children: u, ...d }) {
+	let [f, p] = s({
+		...r,
+		axis: t === "horizontal" ? "x" : "y"
+	}, o), [m, h] = i.useState(!1), [g, _] = i.useState(!1), v = i.useCallback((e) => {
+		e && (h(e.canScrollPrev()), _(e.canScrollNext()));
+	}, []), y = i.useCallback(() => {
+		p?.scrollPrev();
+	}, [p]), b = i.useCallback(() => {
+		p?.scrollNext();
+	}, [p]), x = i.useCallback((e) => {
+		e.key === "ArrowLeft" ? (e.preventDefault(), y()) : e.key === "ArrowRight" && (e.preventDefault(), b());
+	}, [y, b]);
+	return i.useEffect(() => {
+		!p || !a || a(p);
+	}, [p, a]), i.useEffect(() => {
+		if (p) return v(p), p.on("reInit", v), p.on("select", v), () => {
+			p?.off("reInit", v), p?.off("select", v);
+		};
+	}, [p, v]), /* @__PURE__ */ n(c.Provider, {
+		value: {
+			carouselRef: f,
+			api: p,
+			opts: r,
+			orientation: t || (r?.axis === "y" ? "vertical" : "horizontal"),
+			scrollPrev: y,
+			scrollNext: b,
+			canScrollPrev: m,
+			canScrollNext: g
+		},
+		children: /* @__PURE__ */ n("div", {
+			onKeyDownCapture: x,
+			className: e("relative", l),
+			role: "region",
+			"aria-roledescription": "carousel",
+			"data-slot": "carousel",
+			...d,
+			children: u
+		})
+	});
+}
+function d({ className: t, ...r }) {
+	let { carouselRef: i, orientation: a } = l();
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: "overflow-hidden",
+		"data-slot": "carousel-content",
+		children: /* @__PURE__ */ n("div", {
+			className: e("flex", a === "horizontal" ? "-ml-4" : "-mt-4 flex-col", t),
+			...r
+		})
+	});
+}
+function f({ className: t, ...r }) {
+	let { orientation: i } = l();
+	return /* @__PURE__ */ n("div", {
+		role: "group",
+		"aria-roledescription": "slide",
+		"data-slot": "carousel-item",
+		className: e("min-w-0 shrink-0 grow-0 basis-full", i === "horizontal" ? "pl-4" : "pt-4", t),
+		...r
+	});
+}
+function p({ className: i, variant: o = "outline", size: s = "icon-sm", ...c }) {
+	let { orientation: u, scrollPrev: d, canScrollPrev: f } = l();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "carousel-previous",
+		variant: o,
+		size: s,
+		className: e("absolute touch-manipulation rounded-full", u === "horizontal" ? "inset-y-0 -left-12 my-auto" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", i),
+		disabled: !f,
+		onClick: d,
+		...c,
+		children: [/* @__PURE__ */ n(a, {}), /* @__PURE__ */ n("span", {
+			className: "sr-only",
+			children: "Previous slide"
+		})]
+	});
+}
+function m({ className: i, variant: a = "outline", size: s = "icon-sm", ...c }) {
+	let { orientation: u, scrollNext: d, canScrollNext: f } = l();
+	return /* @__PURE__ */ r(t, {
+		"data-slot": "carousel-next",
+		variant: a,
+		size: s,
+		className: e("absolute touch-manipulation rounded-full", u === "horizontal" ? "inset-y-0 -right-12 my-auto" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", i),
+		disabled: !f,
+		onClick: d,
+		...c,
+		children: [/* @__PURE__ */ n(o, {}), /* @__PURE__ */ n("span", {
+			className: "sr-only",
+			children: "Next slide"
+		})]
+	});
+}
+//#endregion
+export { u as Carousel, d as CarouselContent, f as CarouselItem, m as CarouselNext, p as CarouselPrevious, l as useCarousel };

package/dist/components/chart/chart.js

@@ -0,0 +1,131 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "react";
+import * as a from "recharts";
+//#region src/components/chart/chart.tsx
+var o = {
+	light: "",
+	dark: ".dark"
+}, s = {
+	width: 320,
+	height: 200
+}, c = i.createContext(null);
+function l() {
+	let e = i.useContext(c);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+function u({ id: t, className: o, children: l, config: u, initialDimension: f = s, ...p }) {
+	let m = i.useId(), h = `chart-${t ?? m.replace(/:/g, "")}`;
+	return /* @__PURE__ */ n(c.Provider, {
+		value: { config: u },
+		children: /* @__PURE__ */ r("div", {
+			"data-slot": "chart",
+			"data-chart": h,
+			className: e("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", o),
+			...p,
+			children: [/* @__PURE__ */ n(d, {
+				id: h,
+				config: u
+			}), /* @__PURE__ */ n(a.ResponsiveContainer, {
+				initialDimension: f,
+				children: l
+			})]
+		})
+	});
+}
+var d = ({ id: e, config: t }) => {
+	let r = Object.entries(t).filter(([, e]) => e.theme ?? e.color);
+	return r.length ? /* @__PURE__ */ n("style", { dangerouslySetInnerHTML: { __html: Object.entries(o).map(([t, n]) => `
+${n} [data-chart=${e}] {
+${r.map(([e, n]) => {
+		let r = n.theme?.[t] ?? n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") } }) : null;
+}, f = a.Tooltip;
+function p({ active: a, payload: o, className: s, indicator: c = "dot", hideLabel: u = !1, hideIndicator: d = !1, label: f, labelFormatter: p, labelClassName: m, formatter: h, color: _, nameKey: v, labelKey: y }) {
+	let { config: b } = l(), x = i.useMemo(() => {
+		if (u || !o?.length) return null;
+		let [t] = o, r = `${y ?? t?.dataKey ?? t?.name ?? "value"}`, i = g(b, t, r), a = !y && typeof f == "string" ? b[f]?.label ?? f : i?.label;
+		return p ? /* @__PURE__ */ n("div", {
+			className: e("font-medium", m),
+			children: p(a, o)
+		}) : a ? /* @__PURE__ */ n("div", {
+			className: e("font-medium", m),
+			children: a
+		}) : null;
+	}, [
+		f,
+		p,
+		o,
+		u,
+		m,
+		b,
+		y
+	]);
+	if (!a || !o?.length) return null;
+	let S = o.length === 1 && c !== "dot";
+	return /* @__PURE__ */ r("div", {
+		className: e("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", s),
+		children: [S ? null : x, /* @__PURE__ */ n("div", {
+			className: "grid gap-1.5",
+			children: o.filter((e) => e.type !== "none").map((i, a) => {
+				let o = `${v ?? i.name ?? i.dataKey ?? "value"}`, s = g(b, i, o), l = _ ?? i.payload?.fill ?? i.color;
+				return /* @__PURE__ */ n("div", {
+					className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", c === "dot" && "items-center"),
+					children: h && i?.value !== void 0 && i.name ? h(i.value, i.name, i, a, i.payload) : /* @__PURE__ */ r(t, { children: [s?.icon ? /* @__PURE__ */ n(s.icon, {}) : !d && /* @__PURE__ */ n("div", {
+						className: e("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": c === "dot",
+							"w-1": c === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": c === "dashed",
+							"my-0.5": S && c === "dashed"
+						}),
+						style: {
+							"--color-bg": l,
+							"--color-border": l
+						}
+					}), /* @__PURE__ */ r("div", {
+						className: e("flex flex-1 justify-between leading-none", S ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ r("div", {
+							className: "grid gap-1.5",
+							children: [S ? x : null, /* @__PURE__ */ n("span", {
+								className: "text-muted-foreground",
+								children: s?.label ?? i.name
+							})]
+						}), i.value != null && /* @__PURE__ */ n("span", {
+							className: "font-mono font-medium text-foreground tabular-nums",
+							children: typeof i.value == "number" ? i.value.toLocaleString() : String(i.value)
+						})]
+					})] })
+				}, a);
+			})
+		})]
+	});
+}
+var m = a.Legend;
+function h({ className: t, hideIcon: i = !1, payload: a, verticalAlign: o = "bottom", nameKey: s }) {
+	let { config: c } = l();
+	return a?.length ? /* @__PURE__ */ n("div", {
+		className: e("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t),
+		children: a.filter((e) => e.type !== "none").map((t, a) => {
+			let o = `${s ?? t.dataKey ?? "value"}`, l = g(c, t, o);
+			return /* @__PURE__ */ r("div", {
+				className: e("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [l?.icon && !i ? /* @__PURE__ */ n(l.icon, {}) : /* @__PURE__ */ n("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: t.color }
+				}), l?.label]
+			}, a);
+		})
+	}) : null;
+}
+function g(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
+}
+//#endregion
+export { u as ChartContainer, m as ChartLegend, h as ChartLegendContent, d as ChartStyle, f as ChartTooltip, p as ChartTooltipContent };

package/dist/components/checkbox/checkbox.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+import { IconCheck as n } from "@tabler/icons-react";
+import { Checkbox as r } from "@base-ui/react/checkbox";
+//#region src/components/checkbox/checkbox.tsx
+function i({ className: i, ...a }) {
+	return /* @__PURE__ */ t(r.Root, {
+		"data-slot": "checkbox",
+		className: e("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground group-has-[:focus-visible]/field-label:data-checked:border-primary dark:data-checked:bg-primary", i),
+		...a,
+		children: /* @__PURE__ */ t(r.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ t(n, {})
+		})
+	});
+}
+//#endregion
+export { i as Checkbox };

package/dist/components/collapsible/collapsible.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Collapsible as t } from "@base-ui/react/collapsible";
+//#region src/components/collapsible/collapsible.tsx
+function n({ ...n }) {
+	return /* @__PURE__ */ e(t.Root, {
+		"data-slot": "collapsible",
+		...n
+	});
+}
+function r({ ...n }) {
+	return /* @__PURE__ */ e(t.Trigger, {
+		"data-slot": "collapsible-trigger",
+		...n
+	});
+}
+function i({ ...n }) {
+	return /* @__PURE__ */ e(t.Panel, {
+		"data-slot": "collapsible-content",
+		...n
+	});
+}
+//#endregion
+export { n as Collapsible, i as CollapsibleContent, r as CollapsibleTrigger };

package/dist/components/combobox/combobox.js

@@ -0,0 +1,165 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a } from "../input-group/input-group.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as c from "react";
+import { IconCheck as l, IconChevronDown as u, IconX as d } from "@tabler/icons-react";
+import { Combobox as f } from "@base-ui/react";
+//#region src/components/combobox/combobox.tsx
+var p = f.Root;
+function m({ ...e }) {
+	return /* @__PURE__ */ o(f.Value, {
+		"data-slot": "combobox-value",
+		...e
+	});
+}
+function h({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ s(f.Trigger, {
+		"data-slot": "combobox-trigger",
+		className: e("[&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ o(u, { className: "pointer-events-none size-4 text-muted-foreground" })]
+	});
+}
+function g({ className: t, "aria-label": n = "Clear selection", ...r }) {
+	return /* @__PURE__ */ o(f.Clear, {
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ o(i, {
+			variant: "ghost",
+			size: "icon-xs"
+		}),
+		className: e(t),
+		"aria-label": n,
+		...r,
+		children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+	});
+}
+function _({ className: t, children: c, disabled: l = !1, showTrigger: u = !0, showClear: d = !1, triggerAriaLabel: p = "Toggle suggestions", ...m }) {
+	return /* @__PURE__ */ s(n, {
+		className: e("w-auto", t),
+		children: [
+			/* @__PURE__ */ o(f.Input, {
+				render: /* @__PURE__ */ o(a, { disabled: l }),
+				...m
+			}),
+			/* @__PURE__ */ s(r, {
+				align: "inline-end",
+				children: [u && /* @__PURE__ */ o(i, {
+					size: "icon-xs",
+					variant: "ghost",
+					render: /* @__PURE__ */ o(h, {}),
+					"data-slot": "input-group-button",
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
+					disabled: l,
+					"aria-label": p
+				}), d && /* @__PURE__ */ o(g, { disabled: l })]
+			}),
+			c
+		]
+	});
+}
+function v({ className: t, side: n = "bottom", sideOffset: r = 6, align: i = "start", alignOffset: a = 0, anchor: s, ...c }) {
+	return /* @__PURE__ */ o(f.Portal, { children: /* @__PURE__ */ o(f.Positioner, {
+		side: n,
+		sideOffset: r,
+		align: i,
+		alignOffset: a,
+		anchor: s,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ o(f.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!s,
+			className: e("group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+			...c
+		})
+	}) });
+}
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.List, {
+		"data-slot": "combobox-list",
+		className: e("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", t),
+		...n
+	});
+}
+function b({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ s(f.Item, {
+		"data-slot": "combobox-item",
+		className: e("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r,
+		children: [n, /* @__PURE__ */ o(f.ItemIndicator, {
+			render: /* @__PURE__ */ o("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+			children: /* @__PURE__ */ o(l, { className: "pointer-events-none" })
+		})]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Group, {
+		"data-slot": "combobox-group",
+		className: e(t),
+		...n
+	});
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.GroupLabel, {
+		"data-slot": "combobox-label",
+		className: e("px-2 py-1.5 text-xs text-muted-foreground", t),
+		...n
+	});
+}
+function C({ ...e }) {
+	return /* @__PURE__ */ o(f.Collection, {
+		"data-slot": "combobox-collection",
+		...e
+	});
+}
+function w({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Empty, {
+		"data-slot": "combobox-empty",
+		className: e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", t),
+		...n
+	});
+}
+function T({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Separator, {
+		"data-slot": "combobox-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function E({ className: t, ...n }) {
+	return /* @__PURE__ */ o(f.Chips, {
+		"data-slot": "combobox-chips",
+		className: e("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", t),
+		...n
+	});
+}
+function D({ className: n, children: r, showRemove: i = !0, ...a }) {
+	return /* @__PURE__ */ s(f.Chip, {
+		"data-slot": "combobox-chip",
+		className: e("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", n),
+		...a,
+		children: [r, i && /* @__PURE__ */ o(f.ChipRemove, {
+			render: /* @__PURE__ */ o(t, {
+				variant: "ghost",
+				size: "icon-xs"
+			}),
+			className: "-ml-1 opacity-50 hover:opacity-100",
+			"data-slot": "combobox-chip-remove",
+			"aria-label": "Remove item",
+			children: /* @__PURE__ */ o(d, { className: "pointer-events-none" })
+		})]
+	});
+}
+function O({ className: t, "aria-label": n = "Search options", ...r }) {
+	return /* @__PURE__ */ o(f.Input, {
+		"data-slot": "combobox-chip-input",
+		"aria-label": n,
+		className: e("min-w-16 flex-1 outline-none", t),
+		...r
+	});
+}
+function k() {
+	return c.useRef(null);
+}
+//#endregion
+export { p as Combobox, D as ComboboxChip, E as ComboboxChips, O as ComboboxChipsInput, C as ComboboxCollection, v as ComboboxContent, w as ComboboxEmpty, x as ComboboxGroup, _ as ComboboxInput, b as ComboboxItem, S as ComboboxLabel, y as ComboboxList, T as ComboboxSeparator, h as ComboboxTrigger, m as ComboboxValue, k as useComboboxAnchor };

package/dist/components/data-table/data-table.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../../lib/utils.js";
+import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../table/table.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import "react";
+import { flexRender as l, getCoreRowModel as u, useReactTable as d } from "@tanstack/react-table";
+//#region src/components/data-table/data-table.tsx
+function f({ columns: f, data: p, emptyMessage: m = "No results.", className: h }) {
+	let g = d({
+		columns: f,
+		data: p,
+		getCoreRowModel: u()
+	});
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "data-table",
+		className: e("overflow-hidden rounded-lg border", h),
+		children: /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ s(a, { children: g.getHeaderGroups().map((e) => /* @__PURE__ */ s(o, { children: e.headers.map((e) => /* @__PURE__ */ s(i, {
+			colSpan: e.colSpan,
+			children: e.isPlaceholder ? null : l(e.column.columnDef.header, e.getContext())
+		}, e.id)) }, e.id)) }), /* @__PURE__ */ s(n, { children: g.getRowModel().rows.length ? g.getRowModel().rows.map((e) => /* @__PURE__ */ s(o, {
+			"data-state": e.getIsSelected() && "selected",
+			children: e.getVisibleCells().map((e) => /* @__PURE__ */ s(r, { children: l(e.column.columnDef.cell, e.getContext()) }, e.id))
+		}, e.id)) : /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s(r, {
+			colSpan: Math.max(f.length, 1),
+			className: "h-24 text-center",
+			children: m
+		}) }) })] })
+	});
+}
+//#endregion
+export { f as DataTable };