@bzync/rui 0.0.5 → 0.0.8

package/dist/components/button.js

@@ -1,10 +1,11 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import { s as t } from "../component-styles-Bgy44fc8.js";
-import { forwardRef as n, memo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as e } from "../cn-BJyZJP-y.js";
+import { s as t } from "../component-styles-C2CbHEEA.js";
+import { Slot as n } from "./slot.js";
+import { forwardRef as r, memo as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/button.tsx
-var o = {
+var c = {
 	primary: [
 		"bg-primary hover:bg-primary-hover active:bg-primary-hover",
 		"text-primary-foreground font-semibold",
@@ -31,60 +32,102 @@ var o = {
 		"border border-transparent shadow-xs"
 	].join(" "),
 	link: "h-auto bg-transparent p-0 text-accent-700 underline-offset-4 hover:underline dark:text-accent-300"
-}, s = {
+}, l = {
 	sm: "h-8 px-3 text-xs rounded-[var(--radius-md)] gap-1.5",
 	md: "h-9 px-4 text-sm rounded-[var(--radius-lg)] gap-2",
 	lg: "h-10 px-5 text-sm rounded-[var(--radius-lg)] gap-2.5",
 	icon: "size-9 rounded-[var(--radius-md)] p-0"
-}, c = n(({ className: n, variant: r = "primary", size: c = "md", loading: l = !1, icon: u, iconPosition: d = "left", variantClassName: f, unstyled: p = !1, children: m, disabled: h, type: g = "button", ..._ }, v) => {
-	let y = h || l;
-	return p ? /* @__PURE__ */ i("button", {
-		ref: v,
-		type: g,
-		disabled: y,
-		className: e(n, f),
-		..._,
-		children: l ? "Loading…" : m
-	}) : /* @__PURE__ */ a("button", {
-		ref: v,
-		type: g,
-		"data-loading": l || void 0,
-		className: e("inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap", "transition-[color,background-color,border-color,box-shadow] duration-150", "disabled:opacity-40 disabled:cursor-not-allowed", t, o[r], f, s[c], n),
-		disabled: y,
-		"aria-busy": l || void 0,
-		..._,
-		children: [
-			l && /* @__PURE__ */ a("svg", {
+}, u = r(({ className: r, variant: i = "primary", size: u = "md", loading: d = !1, icon: f, iconPosition: p = "left", variantClassName: m, unstyled: h = !1, asChild: g = !1, children: _, disabled: v, type: y = "button", ...b }, x) => {
+	let S = v || d, C = d && _ != null && _ !== "";
+	if (h) return g ? /* @__PURE__ */ o(n, {
+		ref: x,
+		className: e(r, m),
+		...b,
+		children: _
+	}) : /* @__PURE__ */ o("button", {
+		ref: x,
+		type: y,
+		disabled: S,
+		className: e(r, m),
+		...b,
+		children: d ? "Loading…" : _
+	});
+	let w = e("inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap", "transition-[color,background-color,border-color,box-shadow] duration-150", "disabled:opacity-40 disabled:cursor-not-allowed", t, c[i], m, l[u], C && "relative", r);
+	return g ? /* @__PURE__ */ o(n, {
+		ref: x,
+		className: w,
+		"data-loading": d || void 0,
+		"aria-busy": d || void 0,
+		"aria-disabled": S || void 0,
+		...b,
+		children: _
+	}) : /* @__PURE__ */ o("button", {
+		ref: x,
+		type: y,
+		"data-loading": d || void 0,
+		className: w,
+		disabled: S,
+		"aria-busy": d || void 0,
+		...b,
+		children: C ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("span", {
+			className: "invisible inline-flex items-center gap-2",
+			children: [
+				f && p === "left" && /* @__PURE__ */ o("span", { className: "shrink-0 w-3.5 h-3.5" }),
+				/* @__PURE__ */ o("span", { children: _ }),
+				f && p === "right" && /* @__PURE__ */ o("span", { className: "shrink-0 w-3.5 h-3.5" })
+			]
+		}), /* @__PURE__ */ o("span", {
+			className: "absolute inset-0 inline-flex items-center justify-center",
+			children: /* @__PURE__ */ s("svg", {
+				className: "animate-spin w-3.5 h-3.5",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ o("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}), /* @__PURE__ */ o("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+				})]
+			})
+		})] }) : /* @__PURE__ */ s(a, { children: [
+			d && /* @__PURE__ */ s("svg", {
 				className: "animate-spin shrink-0 w-3.5 h-3.5",
 				viewBox: "0 0 24 24",
 				fill: "none",
 				"aria-hidden": "true",
-				children: [/* @__PURE__ */ i("circle", {
+				children: [/* @__PURE__ */ o("circle", {
 					className: "opacity-25",
 					cx: "12",
 					cy: "12",
 					r: "10",
 					stroke: "currentColor",
 					strokeWidth: "4"
-				}), /* @__PURE__ */ i("path", {
+				}), /* @__PURE__ */ o("path", {
 					className: "opacity-75",
 					fill: "currentColor",
 					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 				})]
 			}),
-			!l && u && d === "left" && /* @__PURE__ */ i("span", {
+			!d && f && p === "left" && /* @__PURE__ */ o("span", {
 				className: "shrink-0",
-				children: u
+				children: f
 			}),
-			m && /* @__PURE__ */ i("span", { children: m }),
-			!l && u && d === "right" && /* @__PURE__ */ i("span", {
+			_ && /* @__PURE__ */ o("span", { children: _ }),
+			!d && f && p === "right" && /* @__PURE__ */ o("span", {
 				className: "shrink-0",
-				children: u
+				children: f
 			})
-		]
+		] })
 	});
 });
-c.displayName = "Button";
-var l = r(c);
+u.displayName = "Button";
+var d = i(u);
 //#endregion
-export { l as Button, s as buttonSizes, o as buttonVariants };
+export { d as Button, l as buttonSizes, c as buttonVariants };

package/dist/components/calendar.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar-CUXpVrVE.cjs");exports.Calendar=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar-CQumLNgS.cjs");exports.Calendar=e.t;

package/dist/components/calendar.js

@@ -1,3 +1,3 @@
 "use client";
-import { t as e } from "../calendar-j2_zvum1.js";
+import { t as e } from "../calendar-nkYCMEy3.js";
 export { e as Calendar };

package/dist/components/callout.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:{wrap:`bg-black/4 dark:bg-white/4 border-black/12 dark:border-white/12`,icon:`text-slate-500`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},info:{wrap:`bg-sky-500/8 border-sky-500/20`,icon:`text-sky-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},success:{wrap:`bg-emerald-500/8 border-emerald-500/20`,icon:`text-emerald-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,t.jsx)(`path`,{d:`m9 11 3 3L22 4`})]})},warning:{wrap:`bg-amber-500/8 border-amber-500/20`,icon:`text-amber-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}),(0,t.jsx)(`path`,{d:`M12 9v4`}),(0,t.jsx)(`path`,{d:`M12 17h.01`})]})},error:{wrap:`bg-red-500/8 border-red-500/20`,icon:`text-red-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`m15 9-6 6`}),(0,t.jsx)(`path`,{d:`m9 9 6 6`})]})}};function r({variant:r=`info`,icon:i,title:a,className:o,children:s,...c}){let{wrap:l,icon:u,defaultIcon:d}=n[r];return(0,t.jsxs)(`div`,{className:e.t(`flex gap-3 rounded-xl border px-4 py-3.5`,l,o),role:`note`,...c,children:[(0,t.jsx)(`span`,{className:e.t(`shrink-0 mt-0.5`,u),children:i??d}),(0,t.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[a&&(0,t.jsx)(`p`,{className:`text-sm font-semibold text-gray-900 dark:text-white mb-0.5 leading-snug`,children:a}),(0,t.jsx)(`div`,{className:`text-sm leading-relaxed text-slate-600 dark:text-slate-400`,children:s})]})]})}exports.Callout=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={default:{wrap:`bg-muted border-border`,icon:`text-muted-foreground`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},info:{wrap:`bg-sky-500/[0.08] border-sky-500/20`,icon:`text-sky-600 dark:text-sky-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},success:{wrap:`bg-emerald-500/[0.08] border-emerald-500/20`,icon:`text-emerald-600 dark:text-emerald-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,t.jsx)(`path`,{d:`m9 11 3 3L22 4`})]})},warning:{wrap:`bg-amber-500/[0.08] border-amber-500/20`,icon:`text-amber-600 dark:text-amber-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}),(0,t.jsx)(`path`,{d:`M12 9v4`}),(0,t.jsx)(`path`,{d:`M12 17h.01`})]})},error:{wrap:`bg-red-500/[0.08] border-red-500/20`,icon:`text-red-600 dark:text-red-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`m15 9-6 6`}),(0,t.jsx)(`path`,{d:`m9 9 6 6`})]})}};function r({variant:r=`info`,icon:i,title:a,className:o,children:s,...c}){let{wrap:l,icon:u,defaultIcon:d}=n[r];return(0,t.jsxs)(`div`,{className:e.t(`flex gap-3 rounded-[var(--radius-lg)] border px-4 py-3.5`,l,o),role:`note`,...c,children:[(0,t.jsx)(`span`,{className:e.t(`shrink-0 mt-0.5`,u),children:i??d}),(0,t.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[a&&(0,t.jsx)(`p`,{className:`text-sm font-semibold text-foreground mb-0.5 leading-snug`,children:a}),(0,t.jsx)(`div`,{className:`text-sm leading-relaxed text-foreground/80`,children:s})]})]})}exports.Callout=r;

package/dist/components/callout.js

@@ -1,10 +1,10 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/components/callout.tsx
 var r = {
 	default: {
-		wrap: "bg-black/4 dark:bg-white/4 border-black/12 dark:border-white/12",
-		icon: "text-slate-500",
+		wrap: "bg-muted border-border",
+		icon: "text-muted-foreground",
 		defaultIcon: /* @__PURE__ */ n("svg", {
 			width: "15",
 			height: "15",
@@ -26,8 +26,8 @@ var r = {
 		})
 	},
 	info: {
-		wrap: "bg-sky-500/8 border-sky-500/20",
-		icon: "text-sky-400",
+		wrap: "bg-sky-500/[0.08] border-sky-500/20",
+		icon: "text-sky-600 dark:text-sky-400",
 		defaultIcon: /* @__PURE__ */ n("svg", {
 			width: "15",
 			height: "15",
@@ -49,8 +49,8 @@ var r = {
 		})
 	},
 	success: {
-		wrap: "bg-emerald-500/8 border-emerald-500/20",
-		icon: "text-emerald-400",
+		wrap: "bg-emerald-500/[0.08] border-emerald-500/20",
+		icon: "text-emerald-600 dark:text-emerald-400",
 		defaultIcon: /* @__PURE__ */ n("svg", {
 			width: "15",
 			height: "15",
@@ -64,8 +64,8 @@ var r = {
 		})
 	},
 	warning: {
-		wrap: "bg-amber-500/8 border-amber-500/20",
-		icon: "text-amber-400",
+		wrap: "bg-amber-500/[0.08] border-amber-500/20",
+		icon: "text-amber-600 dark:text-amber-400",
 		defaultIcon: /* @__PURE__ */ n("svg", {
 			width: "15",
 			height: "15",
@@ -83,8 +83,8 @@ var r = {
 		})
 	},
 	error: {
-		wrap: "bg-red-500/8 border-red-500/20",
-		icon: "text-red-400",
+		wrap: "bg-red-500/[0.08] border-red-500/20",
+		icon: "text-red-600 dark:text-red-400",
 		defaultIcon: /* @__PURE__ */ n("svg", {
 			width: "15",
 			height: "15",
@@ -109,7 +109,7 @@ var r = {
 function i({ variant: i = "info", icon: a, title: o, className: s, children: c, ...l }) {
 	let { wrap: u, icon: d, defaultIcon: f } = r[i];
 	return /* @__PURE__ */ n("div", {
-		className: e("flex gap-3 rounded-xl border px-4 py-3.5", u, s),
+		className: e("flex gap-3 rounded-[var(--radius-lg)] border px-4 py-3.5", u, s),
 		role: "note",
 		...l,
 		children: [/* @__PURE__ */ t("span", {
@@ -118,10 +118,10 @@ function i({ variant: i = "info", icon: a, title: o, className: s, children: c,
 		}), /* @__PURE__ */ n("div", {
 			className: "flex-1 min-w-0",
 			children: [o && /* @__PURE__ */ t("p", {
-				className: "text-sm font-semibold text-gray-900 dark:text-white mb-0.5 leading-snug",
+				className: "text-sm font-semibold text-foreground mb-0.5 leading-snug",
 				children: o
 			}), /* @__PURE__ */ t("div", {
-				className: "text-sm leading-relaxed text-slate-600 dark:text-slate-400",
+				className: "text-sm leading-relaxed text-foreground/80",
 				children: c
 			})]
 		})]

package/dist/components/card.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:`rounded-[var(--radius-xl)] border border-border bg-surface shadow-xs`,elevated:`rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-floating`,bordered:`rounded-[var(--radius-xl)] border border-border bg-transparent`,glass:`portal-panel rounded-[var(--radius-xl)] border`,flush:`rounded-[var(--radius-lg)] bg-surface`};function r({variant:r=`default`,variantClassName:i,unstyled:a=!1,className:o,children:s,...c}){return a?(0,t.jsx)(`div`,{className:e.t(o,i),...c,children:s}):(0,t.jsx)(`div`,{"data-variant":r,className:e.t(n[r],i,o),...c,children:s})}function i({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-3.5`,`border-b border-border`,n),...i,children:r})}function a({as:n=`h3`,className:r,children:i,...a}){return(0,t.jsx)(n,{className:e.t(`text-sm font-semibold leading-5 text-foreground`,r),...a,children:i})}function o({className:n,children:r,...i}){return(0,t.jsx)(`p`,{className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3.5 sm:px-5 sm:py-4`,n),...i,children:r})}function c({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-3`,`border-t border-border`,`flex flex-wrap items-center gap-2 sm:gap-3`,n),...i,children:r})}exports.Card=r,exports.CardBody=s,exports.CardDescription=o,exports.CardFooter=c,exports.CardHeader=i,exports.CardTitle=a,exports.cardVariants=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react/jsx-runtime");var n={default:`rounded-[var(--radius-xl)] border border-border bg-surface shadow-xs`,elevated:`rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-floating`,bordered:`rounded-[var(--radius-xl)] border border-border bg-transparent`,glass:`portal-panel rounded-[var(--radius-xl)] border`,flush:`rounded-[var(--radius-lg)] bg-surface`};function r({variant:r=`default`,variantClassName:i,unstyled:a=!1,className:o,children:s,...c}){return a?(0,t.jsx)(`div`,{className:e.t(o,i),...c,children:s}):(0,t.jsx)(`div`,{"data-variant":r,className:e.t(n[r],i,o),...c,children:s})}function i({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-3.5`,`border-b border-border`,n),...i,children:r})}function a({as:n=`h3`,className:r,children:i,...a}){return(0,t.jsx)(n,{className:e.t(`text-sm font-semibold leading-5 text-foreground`,r),...a,children:i})}function o({className:n,children:r,...i}){return(0,t.jsx)(`p`,{className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3.5 sm:px-5 sm:py-4`,n),...i,children:r})}function c({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-3`,`border-t border-border`,`flex flex-wrap items-center gap-2 sm:gap-3`,n),...i,children:r})}exports.Card=r,exports.CardBody=s,exports.CardDescription=o,exports.CardFooter=c,exports.CardHeader=i,exports.CardTitle=a,exports.cardVariants=n;

package/dist/components/card.js

@@ -1,4 +1,4 @@
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/card.tsx
 var n = {

package/dist/components/charts/shared.d.ts

@@ -4,6 +4,21 @@ export interface ChartDataPoint {
     value: number;
     color?: string;
 }
+/**
+ * Fixed-order categorical series colors. Backed by CSS custom properties
+ * (`--chart-1`…`--chart-6` in globals.css) so light and dark each use their own
+ * validated steps. Assign in order and never cycle — a 7th+ series folds into
+ * an "Other" bucket, small multiples, or a second encoding.
+ */
+export declare const CHART_SERIES: readonly ["var(--chart-1)", "var(--chart-2)", "var(--chart-3)", "var(--chart-4)", "var(--chart-5)", "var(--chart-6)"];
+/** Positive / negative accents for waterfall & diff charts (theme-aware). */
+export declare const CHART_POSITIVE = "var(--chart-2)";
+export declare const CHART_NEGATIVE = "var(--chart-4)";
+/**
+ * Single-hue cobalt ramp, dark → light. For magnitude of one measure
+ * (funnel stages, a sequential legend). Not for categorical identity.
+ */
+export declare const CHART_SEQUENTIAL: readonly ["var(--color-accent-700)", "var(--color-accent-600)", "var(--color-accent-500)", "var(--color-accent-400)", "var(--color-accent-300)", "var(--color-accent-200)"];
 export interface TooltipState {
     x: number;
     y: number;

package/dist/components/charts.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../charts-UDqS1BH1.cjs");exports.BarChart=e.u,exports.DonutChart=e.s,exports.FunnelChart=e.n,exports.GanttChart=e.a,exports.HeatmapChart=e.i,exports.LineChart=e.l,exports.MultiLineChart=e.c,exports.RadarChart=e.r,exports.ScatterChart=e.o,exports.WaterfallChart=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../charts-Cot5lCgC.cjs");exports.BarChart=e.u,exports.DonutChart=e.s,exports.FunnelChart=e.n,exports.GanttChart=e.a,exports.HeatmapChart=e.i,exports.LineChart=e.l,exports.MultiLineChart=e.c,exports.RadarChart=e.r,exports.ScatterChart=e.o,exports.WaterfallChart=e.t;

package/dist/components/charts.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../charts-CxEy2c3M.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../charts-Dscl6UC3.js";
 export { l as BarChart, s as DonutChart, i as FunnelChart, e as GanttChart, n as HeatmapChart, r as LineChart, t as MultiLineChart, o as RadarChart, a as ScatterChart, c as WaterfallChart };

package/dist/components/checkbox.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-DOUctc8_.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i={sm:{box:`w-3.5 h-3.5 rounded`,check:10,label:`text-xs`,desc:`text-[10px]`},md:{box:`w-4 h-4 rounded-[4px]`,check:11,label:`text-sm`,desc:`text-xs`},lg:{box:`w-5 h-5 rounded-md`,check:13,label:`text-sm`,desc:`text-xs`}},a=(0,n.forwardRef)(({className:a,label:o,description:s,size:c=`md`,checked:l,defaultChecked:u,indeterminate:d=!1,onChange:f,disabled:p,error:m,id:h,...g},_)=>{let[v,y]=(0,n.useState)(l===void 0?u??!1:l);(0,n.useEffect)(()=>{l!==void 0&&y(l)},[l]);let b=(0,n.useId)(),x=h??b,S=`${x}-message`,C=(0,n.useRef)(null),w=i[c],T=v||d;return(0,n.useEffect)(()=>{C.current&&(C.current.indeterminate=d)},[d]),(0,r.jsxs)(`div`,{className:e.t(`flex flex-col gap-1`,a),children:[(0,r.jsxs)(`label`,{htmlFor:x,className:e.t(`flex items-start gap-2.5 cursor-pointer`,p&&`cursor-not-allowed opacity-50`),children:[(0,r.jsxs)(`div`,{className:e.t(`relative mt-0.5 shrink-0`,w.box),children:[(0,r.jsx)(`input`,{ref:e=>{C.current=e,typeof _==`function`?_(e):_&&(_.current=e)},type:`checkbox`,id:x,className:`peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed`,"aria-invalid":m?!0:void 0,"aria-describedby":m||s?S:void 0,"aria-checked":d?`mixed`:v,checked:v,disabled:p,onChange:e=>{l===void 0&&y(e.target.checked),f?.(e)},...g}),(0,r.jsx)(`div`,{className:e.t(`w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,w.box,T?`bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500`:m?`bg-transparent border-red-500/50`:`bg-transparent border-black/25 dark:border-white/25`),children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,children:d?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{duration:.1},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M3 7h8`})},`minus`):v?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{type:`spring`,stiffness:600,damping:30},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`M2.5 7l3 3 6-6`})},`check`):null})})]}),(o||s)&&(0,r.jsxs)(`div`,{className:`min-w-0`,children:[o&&(0,r.jsx)(`p`,{className:e.t(`font-medium text-foreground leading-snug`,w.label),children:o}),s&&(0,r.jsx)(`p`,{id:m?void 0:S,className:e.t(`mt-0.5 text-muted-foreground`,w.desc),children:s})]})]}),m&&(0,r.jsx)(`p`,{id:S,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,`ml-[26px]`),children:m})]})});a.displayName=`Checkbox`,exports.Checkbox=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");require("../component-styles-DY4wigiq.cjs");let t=require("framer-motion"),n=require("react"),r=require("react/jsx-runtime");var i={sm:{box:`w-3.5 h-3.5 rounded`,check:10,label:`text-xs`,desc:`text-[10px]`},md:{box:`w-4 h-4 rounded-[4px]`,check:11,label:`text-sm`,desc:`text-xs`},lg:{box:`w-5 h-5 rounded-md`,check:13,label:`text-sm`,desc:`text-xs`}},a=(0,n.forwardRef)(({className:a,label:o,description:s,size:c=`md`,checked:l,defaultChecked:u,indeterminate:d=!1,onChange:f,disabled:p,error:m,id:h,...g},_)=>{let[v,y]=(0,n.useState)(l===void 0?u??!1:l);(0,n.useEffect)(()=>{l!==void 0&&y(l)},[l]);let b=(0,n.useId)(),x=h??b,S=`${x}-message`,C=(0,n.useRef)(null),w=i[c],T=v||d;return(0,n.useEffect)(()=>{C.current&&(C.current.indeterminate=d)},[d]),(0,r.jsxs)(`div`,{className:e.t(`flex flex-col gap-1`,a),children:[(0,r.jsxs)(`label`,{htmlFor:x,className:e.t(`flex items-start gap-2.5 cursor-pointer`,p&&`cursor-not-allowed opacity-50`),children:[(0,r.jsxs)(`div`,{className:e.t(`relative mt-0.5 shrink-0`,w.box),children:[(0,r.jsx)(`input`,{ref:e=>{C.current=e,typeof _==`function`?_(e):_&&(_.current=e)},type:`checkbox`,id:x,className:`peer absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed`,"aria-invalid":m?!0:void 0,"aria-describedby":m||s?S:void 0,"aria-checked":d?`mixed`:v,checked:v,disabled:p,onChange:e=>{l===void 0&&y(e.target.checked),f?.(e)},...g}),(0,r.jsx)(`div`,{className:e.t(`w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-[3px] peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg`,w.box,T?`bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500`:m?`bg-transparent border-red-500/50`:`bg-transparent border-black/25 dark:border-white/25`),children:(0,r.jsx)(t.AnimatePresence,{mode:`wait`,children:d?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{duration:.1},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,children:(0,r.jsx)(`path`,{d:`M3 7h8`})},`minus`):v?(0,r.jsx)(t.motion.svg,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},transition:{type:`spring`,stiffness:600,damping:30},width:w.check,height:w.check,viewBox:`0 0 14 14`,fill:`none`,stroke:`white`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,r.jsx)(`path`,{d:`M2.5 7l3 3 6-6`})},`check`):null})})]}),(o||s)&&(0,r.jsxs)(`div`,{className:`min-w-0`,children:[o&&(0,r.jsx)(`p`,{className:e.t(`font-medium text-foreground leading-snug`,w.label),children:o}),s&&(0,r.jsx)(`p`,{id:m?void 0:S,className:e.t(`mt-0.5 text-muted-foreground`,w.desc),children:s})]})]}),m&&(0,r.jsx)(`p`,{id:S,"aria-live":`polite`,className:e.t(`text-xs leading-5 text-destructive`,`ml-[26px]`),children:m})]})});a.displayName=`Checkbox`,exports.Checkbox=a;

package/dist/components/checkbox.js

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
-import "../component-styles-Bgy44fc8.js";
+import { t as e } from "../cn-BJyZJP-y.js";
+import "../component-styles-C2CbHEEA.js";
 import { AnimatePresence as t, motion as n } from "framer-motion";
 import { forwardRef as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -56,7 +56,7 @@ var u = {
 					},
 					...x
 				}), /* @__PURE__ */ c("div", {
-					className: e("w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-2 peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", k.box, A ? "bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500" : y ? "bg-transparent border-red-500/50" : "bg-transparent border-black/25 dark:border-white/25"),
+					className: e("w-full h-full border-2 flex items-center justify-center transition-colors duration-[120ms] peer-focus-visible:ring-[3px] peer-focus-visible:ring-focus-ring/35 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg", k.box, A ? "bg-accent-600 border-accent-600 dark:bg-accent-500 dark:border-accent-500" : y ? "bg-transparent border-red-500/50" : "bg-transparent border-black/25 dark:border-white/25"),
 					children: /* @__PURE__ */ c(t, {
 						mode: "wait",
 						children: g ? /* @__PURE__ */ c(n.svg, {

package/dist/components/code.cjs

@@ -1,7 +1,7 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={js:`const.let.var.function.return.if.else.for.while.class.import.export.default.from.async.await.new.typeof.instanceof.true.false.null.undefined.throw.try.catch.finally.switch.case.break.continue.extends.super.this.of.in.delete.void`.split(`.`),python:`def.return.if.else.elif.for.while.class.import.from.as.with.try.except.finally.raise.pass.break.continue.and.or.not.in.is.True.False.None.lambda.yield.global.nonlocal.del.print.async.await`.split(`.`),bash:[`if`,`then`,`else`,`elif`,`fi`,`for`,`do`,`done`,`while`,`case`,`esac`,`in`,`function`,`return`,`exit`,`echo`,`export`,`source`,`local`,`readonly`],sql:`SELECT.FROM.WHERE.AND.OR.NOT.INSERT.INTO.VALUES.UPDATE.SET.DELETE.CREATE.TABLE.DROP.ALTER.INDEX.JOIN.INNER.LEFT.RIGHT.ON.GROUP.BY.ORDER.HAVING.LIMIT.OFFSET.AS.DISTINCT.COUNT.SUM.AVG.MAX.MIN.NULL.IS.IN.LIKE.BETWEEN.EXISTS`.split(`.`)};r.ts=r.js,r.tsx=r.js,r.jsx=r.js,r.json=[];function i(e,t){let n=new Set(r[t.toLowerCase()]??r.js),i=[],a=0;for(;a<e.length;){if(t===`bash`&&e[a]===`#`||e.slice(a,a+2)===`//`&&t!==`bash`){let t=e.indexOf(`
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={js:`const.let.var.function.return.if.else.for.while.class.import.export.default.from.async.await.new.typeof.instanceof.true.false.null.undefined.throw.try.catch.finally.switch.case.break.continue.extends.super.this.of.in.delete.void`.split(`.`),python:`def.return.if.else.elif.for.while.class.import.from.as.with.try.except.finally.raise.pass.break.continue.and.or.not.in.is.True.False.None.lambda.yield.global.nonlocal.del.print.async.await`.split(`.`),bash:[`if`,`then`,`else`,`elif`,`fi`,`for`,`do`,`done`,`while`,`case`,`esac`,`in`,`function`,`return`,`exit`,`echo`,`export`,`source`,`local`,`readonly`],sql:`SELECT.FROM.WHERE.AND.OR.NOT.INSERT.INTO.VALUES.UPDATE.SET.DELETE.CREATE.TABLE.DROP.ALTER.INDEX.JOIN.INNER.LEFT.RIGHT.ON.GROUP.BY.ORDER.HAVING.LIMIT.OFFSET.AS.DISTINCT.COUNT.SUM.AVG.MAX.MIN.NULL.IS.IN.LIKE.BETWEEN.EXISTS`.split(`.`)};r.ts=r.js,r.tsx=r.js,r.jsx=r.js,r.json=[];function i(e,t){let n=new Set(r[t.toLowerCase()]??r.js),i=[],a=0;for(;a<e.length;){if(t===`bash`&&e[a]===`#`||e.slice(a,a+2)===`//`&&t!==`bash`){let t=e.indexOf(`
 `,a),n=t===-1?e.slice(a):e.slice(a,t);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e.slice(a,a+2)===`/*`){let t=e.indexOf(`*/`,a+2),n=t===-1?e.slice(a):e.slice(a,t+2);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e[a]===`#`&&(t===`python`||t===`sql`)){let t=e.indexOf(`
 `,a),n=t===-1?e.slice(a):e.slice(a,t);i.push({type:`comment`,value:n}),a+=n.length;continue}if(e[a]===`"`||e[a]===`'`||e[a]==="`"){let t=e[a],n=a+1;for(;n<e.length;){if(e[n]===`\\`&&n+1<e.length){n+=2;continue}if(e[n]===t){n++;break}n++}i.push({type:`string`,value:e.slice(a,n)}),a=n;continue}if(/[0-9]/.test(e[a])||e[a]===`.`&&/[0-9]/.test(e[a+1]??``)){let t=a;for(;t<e.length&&/[0-9._xXa-fA-F]/.test(e[t]);)t++;i.push({type:`number`,value:e.slice(a,t)}),a=t;continue}if(/[a-zA-Z_$]/.test(e[a])){let t=a;for(;t<e.length&&/[a-zA-Z0-9_$]/.test(e[t]);)t++;let r=e.slice(a,t);i.push({type:n.has(r)?`keyword`:`plain`,value:r}),a=t;continue}if(/[=<>!&|+\-*/%^~?:,;.()[\]{}]/.test(e[a])){i.push({type:`operator`,value:e[a]}),a++;continue}i.push({type:`plain`,value:e[a]}),a++}return i}var a={keyword:`text-violet-500 dark:text-violet-400`,string:`text-emerald-600 dark:text-emerald-400`,comment:`text-slate-400 dark:text-slate-500 italic`,number:`text-amber-600 dark:text-amber-400`,operator:`text-slate-500 dark:text-slate-400`,builtin:`text-sky-500 dark:text-sky-400`,plain:`text-slate-800 dark:text-slate-200`};function o({code:r,language:o=`js`,filename:s,showLineNumbers:c=!1,className:l}){let[u,d]=(0,t.useState)(!1),f=r.replace(/^\n/,``).replace(/\n$/,``),p=f.split(`
-`);async function m(){let e=!1;try{if(!navigator.clipboard?.writeText)throw Error(`Clipboard API unavailable`);await navigator.clipboard.writeText(f),e=!0}catch{let t=document.createElement(`textarea`);t.value=f,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),e=document.execCommand(`copy`),t.remove()}e&&(d(!0),window.setTimeout(()=>d(!1),1500))}return(0,n.jsxs)(`div`,{className:e.t(`group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]`,l),children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:[(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-500 dark:text-slate-400`,children:s})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:o}),(0,n.jsx)(`button`,{type:`button`,onClick:m,"aria-label":u?`Copied code`:`Copy code`,className:`h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors`,children:u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M20 6 9 17l-5-5`})}),`Copied`]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,n.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),`Copy`]})})]})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto`,children:(0,n.jsx)(`table`,{className:`w-full border-collapse text-sm font-mono leading-6`,children:(0,n.jsx)(`tbody`,{children:p.map((e,t)=>(0,n.jsxs)(`tr`,{className:`hover:bg-black/3 dark:hover:bg-white/3`,children:[c&&(0,n.jsx)(`td`,{className:`select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6`,children:t+1}),(0,n.jsx)(`td`,{className:`px-4 py-0 whitespace-pre`,children:i(e,o).map((e,t)=>(0,n.jsx)(`span`,{className:a[e.type],children:e.value},t))})]},t))})})})]})}var s=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`code`,{ref:i,className:e.t(`break-words rounded-md border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground`,t),...r}));s.displayName=`InlineCode`;function c({value:r,onChange:i,language:a=`js`,placeholder:o=`// Start typing…`,minRows:s=6,maxRows:c=24,readOnly:l=!1,className:u}){let d=(0,t.useRef)(null),f=Math.min(c,Math.max(s,r.split(`
+`);async function m(){let e=!1;try{if(!navigator.clipboard?.writeText)throw Error(`Clipboard API unavailable`);await navigator.clipboard.writeText(f),e=!0}catch{let t=document.createElement(`textarea`);t.value=f,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),e=document.execCommand(`copy`),t.remove()}e&&(d(!0),window.setTimeout(()=>d(!1),1500))}return(0,n.jsxs)(`div`,{className:e.t(`group relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900`,l),children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:[(0,n.jsx)(`div`,{className:`flex items-center gap-2`,children:s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-500 dark:text-slate-400`,children:s})}),(0,n.jsxs)(`div`,{className:`flex items-center gap-2`,children:[!s&&(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:o}),(0,n.jsx)(`button`,{type:`button`,onClick:m,"aria-label":u?`Copied code`:`Copy code`,className:`h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-foreground hover:bg-black/6 dark:hover:bg-white/8 transition-colors`,children:u?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,n.jsx)(`path`,{d:`M20 6 9 17l-5-5`})}),`Copied`]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(`svg`,{className:`shrink-0`,width:`11`,height:`11`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,n.jsx)(`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}),(0,n.jsx)(`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`})]}),`Copy`]})})]})]}),(0,n.jsx)(`div`,{className:`overflow-x-auto`,children:(0,n.jsx)(`table`,{className:`w-full border-collapse text-sm font-mono leading-6`,children:(0,n.jsx)(`tbody`,{children:p.map((e,t)=>(0,n.jsxs)(`tr`,{className:`hover:bg-black/3 dark:hover:bg-white/3`,children:[c&&(0,n.jsx)(`td`,{className:`select-none w-10 pr-4 pl-4 text-right text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6`,children:t+1}),(0,n.jsx)(`td`,{className:`px-4 py-0 whitespace-pre`,children:i(e,o).map((e,t)=>(0,n.jsx)(`span`,{className:a[e.type],children:e.value},t))})]},t))})})})]})}var s=(0,t.forwardRef)(({className:t,...r},i)=>(0,n.jsx)(`code`,{ref:i,className:e.t(`break-words rounded-md border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground`,t),...r}));s.displayName=`InlineCode`;function c({value:r,onChange:i,language:a=`js`,placeholder:o=`// Start typing…`,minRows:s=6,maxRows:c=24,readOnly:l=!1,className:u}){let d=(0,t.useRef)(null),f=Math.min(c,Math.max(s,r.split(`
 `).length));function p(e){let t=e.currentTarget,{selectionStart:n,selectionEnd:a}=t;if(e.key===`Tab`){e.preventDefault();let o=r.slice(0,n)+`  `+r.slice(a);i?.(o),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+2})}if(e.key===`Enter`){let o=r.lastIndexOf(`
 `,n-1)+1,s=r.slice(o).match(/^(\s*)/)?.[1]??``;e.preventDefault();let c=r.slice(0,n)+`
-`+s+r.slice(a);i?.(c),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1+s.length})}let o={"(":`)`,"[":`]`,"{":`}`,'"':`"`,"'":`'`,"`":"`"};if(o[e.key]&&n===a){e.preventDefault();let s=r.slice(0,n)+e.key+o[e.key]+r.slice(a);i?.(s),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1})}}return(0,n.jsxs)(`div`,{className:e.t(`relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]`,u),children:[(0,n.jsx)(`div`,{className:`flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:a})}),(0,n.jsxs)(`div`,{className:`relative flex`,children:[(0,n.jsx)(`div`,{className:`select-none shrink-0 py-3 px-3 text-right text-sm font-mono leading-6 text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6 bg-black/2 dark:bg-black/20`,"aria-hidden":!0,children:Array.from({length:f},(e,t)=>(0,n.jsx)(`div`,{children:t+1},t))}),(0,n.jsx)(`textarea`,{ref:d,value:r,onChange:e=>i?.(e.target.value),onKeyDown:p,readOnly:l,placeholder:o,spellCheck:!1,rows:f,className:`flex-1 py-3 px-4 text-sm font-mono leading-6 bg-transparent text-slate-800 dark:text-slate-200 placeholder:text-slate-400 dark:placeholder:text-slate-600 focus:outline-none resize-none`})]})]})}exports.CodeBlock=o,exports.CodeEditor=c,exports.InlineCode=s;
+`+s+r.slice(a);i?.(c),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1+s.length})}let o={"(":`)`,"[":`]`,"{":`}`,'"':`"`,"'":`'`,"`":"`"};if(o[e.key]&&n===a){e.preventDefault();let s=r.slice(0,n)+e.key+o[e.key]+r.slice(a);i?.(s),requestAnimationFrame(()=>{t.selectionStart=t.selectionEnd=n+1})}}return(0,n.jsxs)(`div`,{className:e.t(`relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900`,u),children:[(0,n.jsx)(`div`,{className:`flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3`,children:(0,n.jsx)(`span`,{className:`text-xs font-mono text-slate-400 dark:text-slate-500 uppercase`,children:a})}),(0,n.jsxs)(`div`,{className:`relative flex`,children:[(0,n.jsx)(`div`,{className:`select-none shrink-0 py-3 px-3 text-right text-sm font-mono leading-6 text-slate-400 dark:text-slate-600 border-r border-black/6 dark:border-white/6 bg-black/2 dark:bg-black/20`,"aria-hidden":!0,children:Array.from({length:f},(e,t)=>(0,n.jsx)(`div`,{children:t+1},t))}),(0,n.jsx)(`textarea`,{ref:d,value:r,onChange:e=>i?.(e.target.value),onKeyDown:p,readOnly:l,placeholder:o,spellCheck:!1,rows:f,className:`flex-1 py-3 px-4 text-sm font-mono leading-6 bg-transparent text-slate-800 dark:text-slate-200 placeholder:text-slate-400 dark:placeholder:text-slate-600 focus:outline-none resize-none`})]})]})}exports.CodeBlock=o,exports.CodeEditor=c,exports.InlineCode=s;

package/dist/components/code.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../cn-DpgY2leY.js";
+import { t as e } from "../cn-BJyZJP-y.js";
 import { forwardRef as t, useRef as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/code.tsx
@@ -133,7 +133,7 @@ function u({ code: t, language: n = "js", filename: s, showLineNumbers: u = !1,
 		e && (p(!0), window.setTimeout(() => p(!1), 1500));
 	}
 	return /* @__PURE__ */ o("div", {
-		className: e("group relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
+		className: e("group relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900", d),
 		children: [/* @__PURE__ */ o("div", {
 			className: "flex items-center justify-between px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
 			children: [/* @__PURE__ */ a("div", {
@@ -151,7 +151,7 @@ function u({ code: t, language: n = "js", filename: s, showLineNumbers: u = !1,
 					type: "button",
 					onClick: g,
 					"aria-label": f ? "Copied code" : "Copy code",
-					className: "h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-gray-900 dark:hover:text-white hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
+					className: "h-6 shrink-0 px-2 flex items-center gap-1 whitespace-nowrap rounded text-xs text-slate-500 dark:text-slate-400 hover:text-foreground hover:bg-black/6 dark:hover:bg-white/8 transition-colors",
 					children: f ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("svg", {
 						className: "shrink-0",
 						width: "11",
@@ -247,7 +247,7 @@ function f({ value: t, onChange: r, language: i = "js", placeholder: s = "// Sta
 		}
 	}
 	return /* @__PURE__ */ o("div", {
-		className: e("relative rounded-xl overflow-hidden border border-black/10 dark:border-white/10 bg-slate-50 dark:bg-[#0d1117]", d),
+		className: e("relative rounded-[var(--radius-xl)] overflow-hidden border border-border bg-surface-muted dark:bg-navy-900", d),
 		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-center gap-1.5 px-4 py-2.5 border-b border-black/[0.07] dark:border-white/[0.07] bg-black/3 dark:bg-white/3",
 			children: /* @__PURE__ */ a("span", {

package/dist/components/command.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");require("../component-styles-DOUctc8_.cjs");const t=require("../focus-DmG6Ge7X.cjs");let n=require("framer-motion"),r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(null);function o(){let e=(0,r.useContext)(a);if(!e)throw Error(`useCommand must be inside <CommandProvider>`);return e}function s({children:e,shortcut:t=`k`}){let[n,o]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{function e(e){(e.metaKey||e.ctrlKey)&&e.key===t&&(e.preventDefault(),o(e=>!e))}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t]),(0,i.jsx)(a.Provider,{value:{open:n,setOpen:o},children:e})}function c({items:a,placeholder:s=`Search commands…`,emptyText:c=`No results found.`,ariaLabel:l=`Command palette`}){let{open:u,setOpen:d}=o(),[f,p]=(0,r.useState)(``),[m,h]=(0,r.useState)(0),g=(0,r.useRef)(null),_=(0,r.useRef)(null),v=(0,r.useRef)(null),y=(0,r.useId)();(0,r.useEffect)(()=>{if(!u)return;let e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=document.body.style.overflow,r=window.setTimeout(()=>g.current?.focus(),0),i=e=>{if(e.key===`Escape`){e.preventDefault(),d(!1);return}if(e.key!==`Tab`||!v.current)return;let n=t.t(v.current);if(n.length===0){e.preventDefault(),v.current.focus();return}let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return p(``),h(0),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,i),()=>{window.clearTimeout(r),document.body.style.overflow=n,document.removeEventListener(`keydown`,i),e?.focus()}},[u,d]);let b=(0,r.useMemo)(()=>{if(!f)return a;let e=f.toLowerCase();return a.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[f,a]),x=(0,r.useMemo)(()=>{let e=new Map;for(let t of b){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[b]),S=(0,r.useMemo)(()=>Array.from(x.values()).flat(),[x]);function C(e){e.key===`ArrowDown`?(e.preventDefault(),h(e=>Math.min(e+1,Math.max(S.length-1,0)))):e.key===`ArrowUp`?(e.preventDefault(),h(e=>Math.max(e-1,0))):e.key===`Enter`?(e.preventDefault(),S[m]?.onSelect(),d(!1)):e.key===`Escape`&&d(!1)}(0,r.useEffect)(()=>{_.current&&_.current.querySelector(`[data-active="true"]`)?.scrollIntoView({block:`nearest`})},[m]);let w=0;return(0,i.jsx)(n.AnimatePresence,{children:u&&(0,i.jsxs)(`div`,{className:`fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4`,children:[(0,i.jsx)(n.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.15},className:`absolute inset-0 bg-overlay`,onClick:()=>d(!1),"aria-hidden":`true`}),(0,i.jsxs)(n.motion.div,{ref:v,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":l,initial:{opacity:0,scale:.96,y:-8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-8},transition:{type:`spring`,stiffness:400,damping:30},className:`relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3 border-b border-border px-4`,children:[(0,i.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,i.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,i.jsx)(`path`,{d:`m21 21-4.35-4.35`})]}),(0,i.jsx)(`input`,{ref:g,type:`search`,role:`combobox`,"aria-label":l,"aria-autocomplete":`list`,"aria-expanded":`true`,"aria-controls":y,"aria-activedescendant":S[m]?`${y}-option-${m}`:void 0,value:f,onChange:e=>{p(e.target.value),h(0)},onKeyDown:C,placeholder:s,className:`min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground`}),(0,i.jsx)(`kbd`,{className:`shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:`ESC`})]}),(0,i.jsx)(`div`,{id:y,ref:_,role:`listbox`,"aria-label":`Commands`,className:`max-h-80 overflow-y-auto py-1.5`,children:b.length===0?(0,i.jsx)(`p`,{className:`py-10 text-center text-sm text-muted-foreground`,children:c}):Array.from(x.entries()).map(([t,n])=>(0,i.jsxs)(`div`,{role:`group`,"aria-label":t||void 0,children:[t&&(0,i.jsx)(`p`,{className:`px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest`,children:t}),n.map(t=>{let n=w++,r=n===m;return(0,i.jsxs)(`button`,{id:`${y}-option-${n}`,type:`button`,role:`option`,"aria-selected":r,"data-active":r,onClick:()=>{t.onSelect(),d(!1)},onMouseEnter:()=>h(n),className:e.t(`flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35 focus-visible:ring-offset-2 focus-visible:ring-offset-bg`,r?`bg-surface-muted`:`hover:bg-surface-muted/70`),children:[t.icon&&(0,i.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center`,children:t.icon}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`truncate text-sm text-foreground`,children:t.label}),t.description&&(0,i.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:t.description})]}),t.shortcut&&(0,i.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:t.shortcut.map((e,t)=>(0,i.jsx)(`kbd`,{className:`rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:e},t))})]},t.id)})]},t))})]})]})})}exports.CommandPalette=c,exports.CommandProvider=s,exports.useCommand=o;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-B6R3HKzx.cjs");require("../component-styles-DY4wigiq.cjs");const t=require("../focus-DmG6Ge7X.cjs"),n=require("../motion-B2shivEB.cjs");let r=require("framer-motion"),i=require("react"),a=require("react/jsx-runtime");var o=(0,i.createContext)(null);function s(){let e=(0,i.useContext)(o);if(!e)throw Error(`useCommand must be inside <CommandProvider>`);return e}function c({children:e,shortcut:t=`k`}){let[n,r]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{function e(e){(e.metaKey||e.ctrlKey)&&e.key===t&&(e.preventDefault(),r(e=>!e))}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t]),(0,a.jsx)(o.Provider,{value:{open:n,setOpen:r},children:e})}function l({items:o,placeholder:c=`Search commands…`,emptyText:l=`No results found.`,ariaLabel:u=`Command palette`,className:d,overlayClassName:f,searchClassName:p,inputClassName:m,listClassName:h,itemClassName:g,emptyClassName:_}){let{open:v,setOpen:y}=s(),[b,x]=(0,i.useState)(``),[S,C]=(0,i.useState)(0),w=(0,i.useRef)(null),T=(0,i.useRef)(null),E=(0,i.useRef)(null),D=(0,i.useId)();(0,i.useEffect)(()=>{if(!v)return;let e=document.activeElement instanceof HTMLElement?document.activeElement:null,n=document.body.style.overflow,r=window.setTimeout(()=>w.current?.focus(),0),i=e=>{if(e.key===`Escape`){e.preventDefault(),y(!1);return}if(e.key!==`Tab`||!E.current)return;let n=t.t(E.current);if(n.length===0){e.preventDefault(),E.current.focus();return}let r=n[0],i=n[n.length-1];e.shiftKey&&document.activeElement===r?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),r.focus())};return x(``),C(0),document.body.style.overflow=`hidden`,document.addEventListener(`keydown`,i),()=>{window.clearTimeout(r),document.body.style.overflow=n,document.removeEventListener(`keydown`,i),e?.focus()}},[v,y]);let O=(0,i.useMemo)(()=>{if(!b)return o;let e=b.toLowerCase();return o.filter(t=>t.label.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.keywords?.some(t=>t.toLowerCase().includes(e)))},[b,o]),k=(0,i.useMemo)(()=>{let e=new Map;for(let t of O){let n=t.group??``;e.has(n)||e.set(n,[]),e.get(n).push(t)}return e},[O]),A=(0,i.useMemo)(()=>Array.from(k.values()).flat(),[k]);function j(e){e.key===`ArrowDown`?(e.preventDefault(),C(e=>Math.min(e+1,Math.max(A.length-1,0)))):e.key===`ArrowUp`?(e.preventDefault(),C(e=>Math.max(e-1,0))):e.key===`Enter`?(e.preventDefault(),A[S]?.onSelect(),y(!1)):e.key===`Escape`&&y(!1)}(0,i.useEffect)(()=>{T.current&&T.current.querySelector(`[data-active="true"]`)?.scrollIntoView({block:`nearest`})},[S]);let M=0;return(0,a.jsx)(r.AnimatePresence,{children:v&&(0,a.jsxs)(`div`,{className:`fixed inset-0 z-[200] flex items-start justify-center pt-[15vh] p-4`,children:[(0,a.jsx)(r.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:n.n.fade,className:e.t(`absolute inset-0 bg-overlay`,f),onClick:()=>y(!1),"aria-hidden":`true`}),(0,a.jsxs)(r.motion.div,{ref:E,tabIndex:-1,role:`dialog`,"aria-modal":`true`,"aria-label":u,initial:{opacity:0,scale:.96,y:-8},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.96,y:-8},transition:{type:`spring`,stiffness:400,damping:30},className:e.t(`relative w-full max-w-lg overflow-hidden rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-overlay`,d),children:[(0,a.jsxs)(`div`,{className:e.t(`flex items-center gap-3 border-b border-border px-4`,p),children:[(0,a.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400 shrink-0`,children:[(0,a.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,a.jsx)(`path`,{d:`m21 21-4.35-4.35`})]}),(0,a.jsx)(`input`,{ref:w,type:`search`,role:`combobox`,"aria-label":u,"aria-autocomplete":`list`,"aria-expanded":`true`,"aria-controls":D,"aria-activedescendant":A[S]?`${D}-option-${S}`:void 0,value:b,onChange:e=>{x(e.target.value),C(0)},onKeyDown:j,placeholder:c,className:e.t(`min-w-0 flex-1 bg-transparent py-3.5 text-sm text-foreground outline-none placeholder:text-muted-foreground`,m)}),(0,a.jsx)(`kbd`,{className:`shrink-0 rounded-[var(--radius-sm)] border border-border-strong bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:`ESC`})]}),(0,a.jsx)(`div`,{id:D,ref:T,role:`listbox`,"aria-label":`Commands`,className:e.t(`max-h-80 overflow-y-auto py-1.5`,h),children:O.length===0?(0,a.jsx)(`p`,{className:e.t(`py-10 text-center text-sm text-muted-foreground`,_),children:l}):Array.from(k.entries()).map(([t,n])=>(0,a.jsxs)(`div`,{role:`group`,"aria-label":t||void 0,children:[t&&(0,a.jsx)(`p`,{className:`px-4 py-1 text-[10px] font-semibold text-slate-500 uppercase tracking-widest`,children:t}),n.map(t=>{let n=M++,r=n===S;return(0,a.jsxs)(`button`,{id:`${D}-option-${n}`,type:`button`,role:`option`,"aria-selected":r,"data-active":r,onClick:()=>{t.onSelect(),y(!1)},onMouseEnter:()=>C(n),className:e.t(`flex w-full items-center gap-3 px-4 py-2.5 text-left transition-colors`,`focus-ring`,r?`bg-surface-muted`:`hover:bg-surface-muted/70`,g),children:[t.icon&&(0,a.jsx)(`span`,{className:`shrink-0 text-slate-500 dark:text-slate-400 w-5 flex items-center justify-center`,children:t.icon}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`p`,{className:`truncate text-sm text-foreground`,children:t.label}),t.description&&(0,a.jsx)(`p`,{className:`truncate text-xs text-muted-foreground`,children:t.description})]}),t.shortcut&&(0,a.jsx)(`div`,{className:`flex items-center gap-0.5 shrink-0`,children:t.shortcut.map((e,t)=>(0,a.jsx)(`kbd`,{className:`rounded-[var(--radius-sm)] border border-border bg-surface-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground`,children:e},t))})]},t.id)})]},t))})]})]})})}exports.CommandPalette=l,exports.CommandProvider=c,exports.useCommand=s;

package/dist/components/command.d.ts

@@ -24,6 +24,13 @@ export interface CommandPaletteProps {
     placeholder?: string;
     emptyText?: string;
     ariaLabel?: string;
+    className?: string;
+    overlayClassName?: string;
+    searchClassName?: string;
+    inputClassName?: string;
+    listClassName?: string;
+    itemClassName?: string;
+    emptyClassName?: string;
 }
-export declare function CommandPalette({ items, placeholder, emptyText, ariaLabel, }: CommandPaletteProps): import("react").JSX.Element;
+export declare function CommandPalette({ items, placeholder, emptyText, ariaLabel, className, overlayClassName, searchClassName, inputClassName, listClassName, itemClassName, emptyClassName, }: CommandPaletteProps): import("react").JSX.Element;
 export {};