@lexydesign/designsystem 0.1.0

package/dist/components/Snippet/Snippet.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useState as t } from "react";
+import { Check as n, Copy as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+//#region src/components/Snippet/Snippet.tsx
+var s = o(["relative flex items-start gap-3 rounded-[var(--radius-control-lg)] border bg-surface", "px-3 py-2.5 text-sm text-text-foreground"].join(" "), {
+	variants: {
+		variant: {
+			default: "border-border",
+			success: "border-status-success-border",
+			warning: "border-status-warning-border",
+			error: "border-status-danger-border"
+		},
+		font: {
+			mono: "font-mono",
+			sans: "[font-family:var(--font-base)]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		font: "mono"
+	}
+});
+function c({ variant: o, font: c, lines: l = "single", children: u, className: d, ...f }) {
+	let [p, m] = t(!1);
+	async function h() {
+		try {
+			await navigator.clipboard.writeText(u), m(!0), setTimeout(() => m(!1), 1500);
+		} catch {}
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e(s({
+			variant: o,
+			font: c
+		}), d),
+		...f,
+		children: [/* @__PURE__ */ i("pre", {
+			className: e("flex-1 overflow-x-auto", l === "single" ? "whitespace-nowrap" : "whitespace-pre"),
+			children: u
+		}), /* @__PURE__ */ i("button", {
+			type: "button",
+			onClick: h,
+			"aria-label": p ? "Copied" : "Copy",
+			className: e("flex-shrink-0 -m-1 p-1 rounded-md transition-all duration-150 cursor-pointer", "text-text-foreground-muted hover:text-text-foreground", "hover:bg-neutral-surface-muted active:bg-surface-pressed active:scale-90", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary"),
+			children: p ? /* @__PURE__ */ i(n, { className: "h-4 w-4 text-status-success" }) : /* @__PURE__ */ i(r, { className: "h-4 w-4" })
+		})]
+	});
+}
+//#endregion
+export { c as Snippet };

package/dist/components/StatusDot/StatusDot.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+declare const dotVariants: (props?: ({
+    tone?: "gray" | "blue" | "purple" | "amber" | "red" | "pink" | "green" | "teal" | "inverted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof dotVariants> {
+}
+export declare function StatusDot({ tone, children, className, ...props }: StatusDotProps): import("react").JSX.Element;
+export {};

package/dist/components/StatusDot/StatusDot.js

@@ -0,0 +1,31 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region src/components/StatusDot/StatusDot.tsx
+var i = r("inline-block h-2 w-2 rounded-full flex-shrink-0", {
+	variants: { tone: {
+		gray: "bg-text-foreground",
+		blue: "bg-status-info",
+		purple: "bg-primary",
+		amber: "bg-status-warning",
+		red: "bg-status-danger",
+		pink: "bg-subbrand-deudor",
+		green: "bg-status-success",
+		teal: "bg-subbrand-salud",
+		inverted: "bg-surface-background-inverse"
+	} },
+	defaultVariants: { tone: "gray" }
+});
+function a({ tone: r, children: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-2", o),
+		...s,
+		children: [/* @__PURE__ */ t("span", { className: i({ tone: r }) }), a && /* @__PURE__ */ t("span", {
+			className: "text-sm text-text-foreground [font-family:var(--font-base)]",
+			children: a
+		})]
+	});
+}
+//#endregion
+export { a as StatusDot };

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,6 @@
+export interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,27 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { forwardRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Switch/Switch.tsx
+var i = t(({ checked: t, defaultChecked: i = !1, disabled: a, onChange: o, className: s, ...c }, l) => {
+	let [u, d] = n(i), f = t !== void 0, p = f ? t : u;
+	function m() {
+		if (a) return;
+		let e = !p;
+		f || d(e), o?.(e);
+	}
+	return /* @__PURE__ */ r("button", {
+		ref: l,
+		role: "switch",
+		type: "button",
+		"aria-checked": p,
+		disabled: a,
+		onClick: m,
+		className: e("relative inline-flex h-5 w-10 flex-shrink-0 cursor-pointer rounded-full", "transition-colors duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1", "disabled:cursor-not-allowed disabled:opacity-50", p ? "bg-primary" : "bg-border", s),
+		...c,
+		children: /* @__PURE__ */ r("span", { className: e("pointer-events-none absolute top-[4px] h-3 w-3 rounded-full bg-neutral-white shadow-sm", "transition-transform duration-200", p ? "translate-x-[22px]" : "translate-x-[4px]") })
+	});
+});
+i.displayName = "Switch";
+//#endregion
+export { i as Switch };

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,24 @@
+type TabsSize = 'md' | 'lg';
+export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    size?: TabsSize;
+    onValueChange?: (value: string) => void;
+}
+export declare function Tabs({ value, defaultValue, size, onValueChange, children, className, ...props }: TabsProps): import("react").JSX.Element;
+export declare namespace Tabs {
+    var List: typeof TabsList;
+    var Tab: ({ value, closable, onClose, disabled, children, className, ...props }: TabProps) => import("react").JSX.Element;
+    var Panel: typeof TabPanel;
+}
+declare function TabsList({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export interface TabProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+    value: string;
+    closable?: boolean;
+    onClose?: () => void;
+}
+export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+declare function TabPanel({ value, className, ...props }: TabPanelProps): import("react").JSX.Element | null;
+export {};

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,69 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { createContext as t, useContext as n, useState as r } from "react";
+import { X as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+var s = t(null);
+function c() {
+	let e = n(s);
+	if (!e) throw Error("Tabs.* must be used within <Tabs>");
+	return e;
+}
+function l({ value: e, defaultValue: t, size: n = "md", onValueChange: i, children: o, className: c, ...l }) {
+	let [u, d] = r(t ?? ""), f = e !== void 0, p = f ? e : u;
+	function m(e) {
+		f || d(e), i?.(e);
+	}
+	return /* @__PURE__ */ a(s.Provider, {
+		value: {
+			value: p,
+			setValue: m,
+			size: n
+		},
+		children: /* @__PURE__ */ a("div", {
+			className: c,
+			...l,
+			children: o
+		})
+	});
+}
+function u({ className: t, ...n }) {
+	return /* @__PURE__ */ a("div", {
+		role: "tablist",
+		className: e("inline-flex items-center gap-1 p-1 rounded-lg bg-neutral-surface-muted", t),
+		...n
+	});
+}
+function d({ value: t, closable: n, onClose: r, disabled: s, children: l, className: u, ...d }) {
+	let { value: f, setValue: p, size: m } = c(), h = f === t;
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		role: "tab",
+		"aria-selected": h,
+		disabled: s,
+		onClick: () => p(t),
+		className: e("inline-flex items-center rounded-[7px] font-medium [font-family:var(--font-base)] transition-colors cursor-pointer", m === "lg" ? "h-10 px-4 gap-2 text-base" : "h-[30px] px-3 gap-1.5 text-sm", "[&>svg]:shrink-0", m === "lg" ? "[&>svg]:size-5" : "[&>svg]:size-4", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50", h ? "bg-neutral-white text-primary shadow-sm" : "text-text-foreground-muted hover:text-text-foreground", u),
+		...d,
+		children: [l, n && /* @__PURE__ */ a("span", {
+			role: "button",
+			"aria-label": "Close tab",
+			onClick: (e) => {
+				e.stopPropagation(), r?.();
+			},
+			className: "inline-flex items-center justify-center rounded-sm opacity-60 hover:opacity-100",
+			children: /* @__PURE__ */ a(i, { className: "h-3 w-3" })
+		})]
+	});
+}
+function f({ value: t, className: n, ...r }) {
+	let { value: i } = c();
+	return i === t ? /* @__PURE__ */ a("div", {
+		role: "tabpanel",
+		className: e("mt-3", n),
+		...r
+	}) : null;
+}
+l.List = u, l.Tab = d, l.Panel = f;
+//#endregion
+export { l as Tabs };

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+declare const tagVariants: (props?: ({
+    tone?: "gray" | "warning" | "success" | "brand" | "danger" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof tagVariants> {
+    removable?: boolean;
+    onRemove?: () => void;
+}
+export declare function Tag({ tone, shape, size, removable, onRemove, children, className, ...props }: TagProps): import("react").JSX.Element;
+export {};

package/dist/components/Tag/Tag.js

@@ -0,0 +1,49 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { X as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+//#region src/components/Tag/Tag.tsx
+var a = i(["inline-flex items-center gap-1 border select-none", "[font-family:var(--font-base)] text-[length:var(--text-11)] font-medium leading-none"].join(" "), {
+	variants: {
+		tone: {
+			gray: "bg-neutral-surface-muted text-text-foreground-secondary border-border-muted",
+			brand: "bg-primary-subtle text-primary border-border-accent",
+			success: "bg-status-success-background text-status-success-foreground-strong border-status-success-border",
+			warning: "bg-status-warning-background text-status-warning-foreground-strong border-status-warning-border",
+			danger: "bg-status-danger-background text-status-danger-foreground border-status-danger-border"
+		},
+		shape: {
+			square: "rounded-[var(--radius-control)]",
+			rounded: "rounded-full"
+		},
+		size: {
+			sm: "h-[22px] px-2 py-0.5",
+			md: "h-7 px-2.5 py-1"
+		}
+	},
+	defaultVariants: {
+		tone: "gray",
+		shape: "square",
+		size: "sm"
+	}
+});
+function o({ tone: i, shape: o, size: s, removable: c, onRemove: l, children: u, className: d, ...f }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(a({
+			tone: i,
+			shape: o,
+			size: s
+		}), d),
+		...f,
+		children: [u, c && /* @__PURE__ */ n("button", {
+			type: "button",
+			onClick: l,
+			"aria-label": "Remove",
+			className: "inline-flex items-center justify-center rounded-full opacity-60 hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current transition-opacity -mr-0.5",
+			children: /* @__PURE__ */ n(t, { className: "h-3 w-3" })
+		})]
+	});
+}
+//#endregion
+export { o as Tag };

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,9 @@
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    required?: boolean;
+    error?: string;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    /** Auto-grow height to fit content (disables manual resize). */
+    autoResize?: boolean;
+}
+export declare const Textarea: import('react').ForwardRefExoticComponent<TextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { forwardRef as t, useCallback as n, useLayoutEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Textarea/Textarea.tsx
+var s = {
+	none: "resize-none",
+	vertical: "resize-y",
+	horizontal: "resize-x",
+	both: "resize"
+}, c = t(({ label: t, required: c, error: l, resize: u = "vertical", autoResize: d = !1, disabled: f, onChange: p, className: m, id: h, ...g }, _) => {
+	let v = h ?? (t ? t.toLowerCase().replace(/\s+/g, "-") : void 0), y = i(null), b = n((e) => {
+		y.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+	}, [_]), x = n(() => {
+		let e = y.current;
+		!e || !d || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
+	}, [d]);
+	return r(() => {
+		x();
+	}, [
+		x,
+		g.value,
+		g.defaultValue
+	]), /* @__PURE__ */ o("div", {
+		className: "flex flex-col gap-1.5 w-full",
+		children: [
+			t && /* @__PURE__ */ o("label", {
+				htmlFor: v,
+				className: "text-sm font-medium text-text-foreground [font-family:var(--font-base)]",
+				children: [t, c && /* @__PURE__ */ a("span", {
+					className: "text-status-danger ml-0.5",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ a("textarea", {
+				ref: b,
+				id: v,
+				disabled: f,
+				onChange: (e) => {
+					x(), p?.(e);
+				},
+				className: e("w-full min-h-20 rounded-[var(--radius-control)] border bg-surface p-3", "text-sm text-text-foreground placeholder:text-text-foreground-muted [font-family:var(--font-base)]", "transition-colors duration-150 outline-none", "border-border hover:border-border-hover focus-visible:border-primary", d ? "resize-none overflow-hidden" : s[u], l && "border-status-danger focus-visible:border-status-danger", g.readOnly && "bg-surface-background-subtle cursor-default hover:border-border focus-visible:border-border", f && "opacity-50 cursor-not-allowed bg-surface-background-subtle", m),
+				...g
+			}),
+			l && /* @__PURE__ */ a("span", {
+				className: "text-xs text-status-danger [font-family:var(--font-base)]",
+				children: l
+			})
+		]
+	});
+});
+c.displayName = "Textarea";
+//#endregion
+export { c as Textarea };

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,7 @@
+export interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    tone?: 'info' | 'success' | 'warning' | 'error';
+    title: string;
+    description?: string;
+    onClose?: () => void;
+}
+export declare function Toast({ tone, title, description, onClose, className, ...props }: ToastProps): import("react").JSX.Element;

package/dist/components/Toast/Toast.js

@@ -0,0 +1,60 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { AlertTriangle as t, CheckCircle as n, Info as r, X as i, XCircle as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/Toast/Toast.tsx
+var c = {
+	info: {
+		bg: "bg-status-info-background border-status-info-border",
+		icon: r,
+		iconColor: "text-status-info"
+	},
+	success: {
+		bg: "bg-status-success-background border-status-success-border",
+		icon: n,
+		iconColor: "text-status-success"
+	},
+	warning: {
+		bg: "bg-status-warning-background border-status-warning-border",
+		icon: t,
+		iconColor: "text-status-warning"
+	},
+	error: {
+		bg: "bg-status-danger-background border-status-danger-border",
+		icon: a,
+		iconColor: "text-status-danger"
+	}
+};
+function l({ tone: t = "info", title: n, description: r, onClose: a, className: l, ...u }) {
+	let { bg: d, icon: f, iconColor: p } = c[t];
+	return /* @__PURE__ */ s("div", {
+		role: "alert",
+		className: e("flex items-start gap-[var(--spacing-stack-sm)] p-[var(--spacing-inset-md)]", "rounded-[var(--radius-surface-sm)] border shadow-md w-[420px] max-w-full", d, l),
+		...u,
+		children: [
+			/* @__PURE__ */ o(f, {
+				className: e("h-5 w-5 flex-shrink-0 mt-0.5", p),
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex-1 flex flex-col gap-0.5",
+				children: [/* @__PURE__ */ o("p", {
+					className: "text-sm font-medium text-text-foreground [font-family:var(--font-base)]",
+					children: n
+				}), r && /* @__PURE__ */ o("p", {
+					className: "text-xs text-text-foreground-secondary [font-family:var(--font-base)]",
+					children: r
+				})]
+			}),
+			a && /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": "Dismiss",
+				className: "flex-shrink-0 text-text-foreground-muted hover:text-text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary rounded",
+				children: /* @__PURE__ */ o(i, { className: "h-4 w-4" })
+			})
+		]
+	});
+}
+//#endregion
+export { l as Toast };

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+export interface TooltipProps {
+    content: React.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Tooltip({ content, side, children, className }: TooltipProps): import("react").JSX.Element;

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,58 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useLayoutEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Tooltip/Tooltip.tsx
+var o = 8, s = 8;
+function c({ content: c, side: l = "top", children: u, className: d }) {
+	let [f, p] = r(!1), [m, h] = r({
+		top: 0,
+		left: 0
+	}), g = n(null), _ = n(null);
+	return t(() => {
+		if (!f || !g.current || !_.current) return;
+		let e = g.current.getBoundingClientRect(), t = _.current.getBoundingClientRect(), n = 0, r = 0;
+		switch (l) {
+			case "top":
+				n = e.top - t.height - o, r = e.left + e.width / 2 - t.width / 2;
+				break;
+			case "bottom":
+				n = e.bottom + o, r = e.left + e.width / 2 - t.width / 2;
+				break;
+			case "left":
+				r = e.left - t.width - o, n = e.top + e.height / 2 - t.height / 2;
+				break;
+			case "right":
+				r = e.right + o, n = e.top + e.height / 2 - t.height / 2;
+				break;
+		}
+		r = Math.min(Math.max(s, r), window.innerWidth - t.width - s), n = Math.min(Math.max(s, n), window.innerHeight - t.height - s), h({
+			top: n,
+			left: r
+		});
+	}, [
+		f,
+		l,
+		c
+	]), /* @__PURE__ */ a("span", {
+		ref: g,
+		className: "inline-flex",
+		onMouseEnter: () => p(!0),
+		onMouseLeave: () => p(!1),
+		onFocus: () => p(!0),
+		onBlur: () => p(!1),
+		children: [u, f && /* @__PURE__ */ i("span", {
+			ref: _,
+			role: "tooltip",
+			style: {
+				position: "fixed",
+				top: m.top,
+				left: m.left
+			},
+			className: e("z-50 w-max max-w-xs whitespace-nowrap rounded-[var(--radius-tooltip)] px-2 py-1", "bg-surface-background-inverse text-neutral-white text-xs [font-family:var(--font-base)]", "shadow-md pointer-events-none", d),
+			children: c
+		})]
+	});
+}
+//#endregion
+export { c as Tooltip };

package/dist/components/Tree/Tree.d.ts

@@ -0,0 +1,14 @@
+export interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function Tree({ className, ...props }: TreeProps): import("react").JSX.Element;
+export declare namespace Tree {
+    var Item: typeof TreeItem;
+}
+export interface TreeItemProps {
+    label: React.ReactNode;
+    kind?: 'folder' | 'file';
+    defaultExpanded?: boolean;
+    children?: React.ReactNode;
+}
+declare function TreeItem({ label, kind, defaultExpanded, children }: TreeItemProps): import("react").JSX.Element;
+export {};

package/dist/components/Tree/Tree.js

@@ -0,0 +1,39 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { createContext as t, useContext as n, useState as r } from "react";
+import { ChevronRight as i, File as a, Folder as o, FolderOpen as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/Tree/Tree.tsx
+var d = t(0);
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		role: "tree",
+		className: e("w-[360px] rounded-[var(--radius-card)] border border-border bg-surface p-1.5 [font-family:var(--font-base)]", t),
+		...n
+	});
+}
+function p({ label: t, kind: f = "file", defaultExpanded: p = !1, children: m }) {
+	let h = n(d), [g, _] = r(p), v = f === "folder", y = !!m;
+	return /* @__PURE__ */ u("div", {
+		role: "treeitem",
+		"aria-expanded": v ? g : void 0,
+		children: [/* @__PURE__ */ u("div", {
+			onClick: () => v && _((e) => !e),
+			style: { paddingLeft: h * 16 + 8 },
+			className: e("flex items-center gap-1.5 h-8 pr-2 rounded-[var(--radius-control)] text-sm text-text-foreground transition-colors", v && "cursor-pointer", "hover:bg-surface-selected"),
+			children: [v ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(i, { className: e("h-4 w-4 flex-shrink-0 text-text-foreground-muted transition-transform", g && "rotate-90") }), l(g ? s : o, { className: "h-4 w-4 flex-shrink-0 text-primary" })] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", { className: "w-4 flex-shrink-0" }), /* @__PURE__ */ l(a, { className: "h-4 w-4 flex-shrink-0 text-text-foreground-muted" })] }), /* @__PURE__ */ l("span", {
+				className: "truncate",
+				children: t
+			})]
+		}), v && g && y && /* @__PURE__ */ l(d.Provider, {
+			value: h + 1,
+			children: /* @__PURE__ */ l("div", {
+				role: "group",
+				children: m
+			})
+		})]
+	});
+}
+f.Item = p;
+//#endregion
+export { f as Tree };