@neut/ui 0.0.1 → 0.0.2

package/dist/components/scroll-area/ScrollArea/ScrollArea.js

@@ -3,63 +3,63 @@ import { ScrollBar as t } from "../ScrollBar/ScrollBar.js";
 import { ScrollAreaContext as n } from "./ScrollArea.context.js";
 import { computeMetrics as r } from "./ScrollArea.utils.js";
 import { className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d, use as f } from "solid-js/web";
-import { createSignal as p, onCleanup as m, onMount as h, splitProps as g } from "solid-js";
+import { createSignal as p, onCleanup as m, splitProps as h } from "solid-js";
 //#region src/components/scroll-area/ScrollArea/ScrollArea.tsx
-var _ = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), v = /* @__PURE__ */ d("<div data-slot=scroll-area>"), y = (d) => {
-	let y, [b, x] = g(d, [
+var g = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), _ = /* @__PURE__ */ d("<div data-slot=scroll-area>"), v = (d) => {
+	let v, [y, b] = h(d, [
 		"orientation",
 		"class",
 		"classList",
 		"children",
 		"aria-label"
-	]), [S, C] = p(!1), [w, T] = p(null), [E, D] = p({
+	]), [x, S] = p(!1), [C, w] = p(null), [T, E] = p({
 		thumbRatio: 1,
 		thumbOffset: 0,
 		scrollable: !1
-	}), [O, k] = p({
+	}), [D, O] = p({
 		thumbRatio: 1,
 		thumbOffset: 0,
 		scrollable: !1
 	});
-	function A() {
-		let e = y;
-		e && (D(r(e.clientHeight, e.scrollTop, e.scrollHeight)), k(r(e.clientWidth, e.scrollLeft, e.scrollWidth)));
+	function k(e) {
+		E(r(e.clientHeight, e.scrollTop, e.scrollHeight)), O(r(e.clientWidth, e.scrollLeft, e.scrollWidth));
 	}
-	return h(() => {
-		A();
-		let e = new ResizeObserver(A);
-		e.observe(y), y.firstElementChild && e.observe(y.firstElementChild), y.addEventListener("scroll", A, { passive: !0 }), m(() => {
-			e.disconnect(), y.removeEventListener("scroll", A);
+	function A(e) {
+		v = e, k(e);
+		let t = () => k(e), n = new ResizeObserver(t);
+		n.observe(e), e.firstElementChild && n.observe(e.firstElementChild), e.addEventListener("scroll", t, { passive: !0 }), m(() => {
+			n.disconnect(), e.removeEventListener("scroll", t);
 		});
-	}), (() => {
-		var r = v();
-		return r.addEventListener("mouseleave", () => C(!1)), r.addEventListener("mouseenter", () => C(!0)), u(r, c({ get class() {
-			return e("relative", b.class);
-		} }, x), !1, !0), s(r, a(n.Provider, {
+	}
+	return (() => {
+		var r = _();
+		return r.addEventListener("mouseleave", () => S(!1)), r.addEventListener("mouseenter", () => S(!0)), u(r, c({ get class() {
+			return e("relative", y.class);
+		} }, b), !1, !0), s(r, a(n.Provider, {
 			value: {
-				hovering: S,
-				viewportRef: () => y,
-				dragging: w,
-				setDragging: T,
-				vertical: E,
-				horizontal: O
+				hovering: x,
+				viewportRef: () => v,
+				dragging: C,
+				setDragging: w,
+				vertical: T,
+				horizontal: D
 			},
 			get children() {
 				return [(() => {
-					var t = _(), n = y;
-					return typeof n == "function" ? f(n, t) : y = t, s(t, () => b.children), o((n) => {
-						var r = b["aria-label"] ?? "Scrollable content", a = e("size-full rounded-[inherit] outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "focus-visible:ring-2 focus-visible:ring-offset-1", "focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", b.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : b.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
+					var t = g(), n = A;
+					return typeof n == "function" ? f(n, t) : A = t, s(t, () => y.children), o((n) => {
+						var r = y["aria-label"] ?? "Scrollable content", a = e("size-full rounded-[inherit] outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "focus-visible:ring-2 focus-visible:ring-offset-1", "focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", y.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : y.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
 						return r !== n.e && l(t, "aria-label", n.e = r), a !== n.t && i(t, n.t = a), n;
 					}, {
 						e: void 0,
 						t: void 0
 					}), t;
 				})(), a(t, { get orientation() {
-					return b.orientation;
+					return y.orientation;
 				} })];
 			}
 		})), r;
 	})();
 };
 //#endregion
-export { y as ScrollArea };
+export { v as ScrollArea };

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js

@@ -1,10 +1,11 @@
-import { cva as e } from "class-variance-authority";
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { cva as t } from "class-variance-authority";
 //#region src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts
-var t = e("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+var n = t(e("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:font-medium [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", "ring-neutral-400 hover:bg-neutral-100 hover:text-neutral-900 active:bg-neutral-100 active:text-neutral-900 data-open:hover:bg-neutral-100 data-open:hover:text-neutral-900 data-[active=true]:bg-neutral-100 data-[active=true]:text-neutral-900", "dark:ring-neutral-500 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:active:bg-neutral-800 dark:active:text-neutral-50 dark:data-open:hover:bg-neutral-800 dark:data-open:hover:text-neutral-50 dark:data-[active=true]:bg-neutral-800 dark:data-[active=true]:text-neutral-50"), {
 	variants: {
 		variant: {
-			ghost: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+			ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+			outline: e("bg-white shadow-[0_0_0_1px_(var(--color-neutral-200)] hover:bg-neutral-100 hover:text-neutral-900 hover:shadow-[0_0_0_1px_var(--color-neutral-100)]", "dark:bg-neutral-950 dark:shadow-[0_0_0_1px_hsl(var(--sidebar-border))] dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:hover:shadow-[0_0_0_1px_--alpha(var(--color-white) / 10%)]]")
 		},
 		size: {
 			md: "h-8 text-sm",
@@ -18,4 +19,4 @@ var t = e("peer/menu-button group/menu-button flex w-full items-center gap-2 ove
 	}
 });
 //#endregion
-export { t as sidebarMenuButtonVariants };
+export { n as sidebarMenuButtonVariants };

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.types.d.ts

@@ -6,4 +6,4 @@ import { ValidComponent } from 'solid-js';
 export type SidebarMenuButtonProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps & {
     isActive?: boolean;
     tooltip?: string | TooltipContentProps;
-} & VariantProps<typeof sidebarMenuButtonVariants>, false>;
+} & VariantProps<typeof sidebarMenuButtonVariants>>;

package/dist/components/tooltip/TooltipContent/TooltipContent.js

@@ -6,7 +6,7 @@ import { Portal as i, createComponent as a, insert as o, mergeProps as s, spread
 import { Show as d, mergeProps as f, splitProps as p } from "solid-js";
 //#region src/components/tooltip/TooltipContent/TooltipContent.tsx
 var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (l) => {
-	let [h, g] = p(f({
+	let h = t(), [g, _] = p(f({
 		side: "top",
 		align: "center",
 		alignOffset: 0,
@@ -19,7 +19,7 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 		"class",
 		"classList",
 		"children"
-	]), _ = t(), v, { shouldRender: y, position: b } = r(() => v, () => h);
+	]), v, { shouldRender: y, position: b } = r(() => v, () => g);
 	return a(d, {
 		get when() {
 			return y();
@@ -29,10 +29,10 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 				var t = m(), r = v;
 				return typeof r == "function" ? u(r, t) : v = t, c(t, s({
 					get "data-open"() {
-						return _.open() ? "" : void 0;
+						return h.open() ? "" : void 0;
 					},
 					get "data-closed"() {
-						return _.open() ? void 0 : "";
+						return h.open() ? void 0 : "";
 					},
 					get "data-align"() {
 						return b.align;
@@ -41,10 +41,10 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 						return b.side;
 					},
 					get id() {
-						return _.contentId;
+						return h.contentId;
 					},
 					get class() {
-						return e("fixed z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-neutral-950 dark:bg-neutral-50 px-3 py-1.5 text-xs text-white dark:text-neutral-950 has-data-[slot=kbd]:pr-1.5 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=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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", h.class);
+						return e("fixed z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-neutral-950 dark:bg-neutral-50 px-3 py-1.5 text-xs text-white dark:text-neutral-950 has-data-[slot=kbd]:pr-1.5 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=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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", g.class);
 					},
 					get style() {
 						return {
@@ -52,10 +52,10 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 							left: `${b.left}px`
 						};
 					}
-				}, g), !1, !0), o(t, a(n.Provider, {
+				}, _), !1, !0), o(t, a(n.Provider, {
 					value: { side: () => b.side },
 					get children() {
-						return h.children;
+						return g.children;
 					}
 				})), t;
 			} });

package/dist/components/tooltip/TooltipContent/useTooltipContent.js

@@ -1,51 +1,51 @@
 import { useTooltipContext as e } from "../Tooltip/Tooltip.context.js";
 import { computePosition as t } from "./TooltipContent.utils.js";
-import { createEffect as n, createSignal as r, onCleanup as i, onMount as a } from "solid-js";
-import { createStore as o } from "solid-js/store";
+import { createEffect as n, createSignal as r, onCleanup as i, onMount as a, untrack as o } from "solid-js";
+import { createStore as s } from "solid-js/store";
 //#region src/components/tooltip/TooltipContent/useTooltipContent.ts
-var s = (s, c) => {
-	let { open: l, triggerRef: u } = e(), [d, f] = o({
+var c = (c, l) => {
+	let { open: u, triggerRef: d } = e(), [f, p] = s({
 		top: -9999,
 		left: -9999,
-		side: c().side,
-		align: c().align
-	}), [p, m] = r(l()), h, g = () => {
-		let e = u();
-		if (!e || !s()) return;
-		let { top: n, left: r, side: i, align: a } = t(e, s(), c().side, c().align, c().alignOffset, c().sideOffset);
-		f({
-			top: n,
-			left: r,
-			side: i,
-			align: a
+		side: o(() => l().side),
+		align: o(() => l().align)
+	}), [m, h] = r(o(u)), g, _ = () => {
+		let e = d(), n = c();
+		if (!e || !n) return;
+		let { top: r, left: i, side: a, align: o } = t(e, n, l().side, l().align, l().alignOffset, l().sideOffset);
+		p({
+			top: r,
+			left: i,
+			side: a,
+			align: o
 		});
-	}, _ = () => {
+	}, v = () => {
 		requestAnimationFrame(() => {
-			requestAnimationFrame(g);
+			requestAnimationFrame(_);
 		});
 	};
 	return a(() => {
-		window.addEventListener("scroll", g), window.addEventListener("resize", g), _();
+		window.addEventListener("scroll", _), window.addEventListener("resize", _), v();
 	}), i(() => {
-		window.removeEventListener("scroll", g), window.removeEventListener("resize", g);
+		window.removeEventListener("scroll", _), window.removeEventListener("resize", _);
 	}), n(() => {
-		if (l()) _(), m(!0);
+		if (u()) v(), h(!0);
 		else {
-			let e = s();
+			let e = c();
 			if (e) {
 				e.setAttribute("data-closed", ""), e.removeAttribute("data-open");
 				let t = () => {
-					m(!1), e.removeEventListener("animationend", t), e.removeEventListener("transitionend", t);
+					h(!1), e.removeEventListener("animationend", t), e.removeEventListener("transitionend", t);
 				};
-				e.addEventListener("animationend", t), e.addEventListener("transitionend", t), h = setTimeout(() => m(!1), 300);
-			} else m(!1);
+				e.addEventListener("animationend", t), e.addEventListener("transitionend", t), g = setTimeout(() => h(!1), 300);
+			} else h(!1);
 		}
 	}), i(() => {
-		h && clearTimeout(h);
+		g && clearTimeout(g);
 	}), {
-		shouldRender: p,
-		position: d
+		shouldRender: m,
+		position: f
 	};
 };
 //#endregion
-export { s as useTooltipContent };
+export { c as useTooltipContent };

package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.d.ts

@@ -1,2 +1,2 @@
-import { ParentProps } from 'solid-js';
-export declare const TooltipTrigger: (props: ParentProps) => import('solid-js').ResolvedChildren;
+import { JSXElement, ParentProps } from 'solid-js';
+export declare const TooltipTrigger: (props: ParentProps) => JSXElement;

package/dist/components/tooltip/TooltipTrigger/TooltipTrigger.js

@@ -3,7 +3,7 @@ import { children as t } from "solid-js";
 //#region src/components/tooltip/TooltipTrigger/TooltipTrigger.tsx
 var n = (n) => {
 	let r = t(() => n.children);
-	return e(r), r();
+	return e(r), r;
 };
 //#endregion
 export { n as TooltipTrigger };

package/dist/components/tooltip/TooltipTrigger/useTooltipTrigger.js

@@ -1,18 +1,19 @@
 import { useTooltipContext as e } from "../Tooltip/Tooltip.context.js";
-import { onCleanup as t, onMount as n } from "solid-js";
+import { createEffect as t, onCleanup as n } from "solid-js";
 //#region src/components/tooltip/TooltipTrigger/useTooltipTrigger.ts
 var r = (r) => {
-	let { setOpen: i, openDelay: a, closeDelay: o, setTriggerRef: s } = e(), c, l, u = () => {
+	let { setOpen: i, openDelay: a, closeDelay: o, setTriggerRef: s } = e(), c, l, u, d = () => {
 		clearTimeout(l), c = setTimeout(() => i(!0), a);
-	}, d = () => {
+	}, f = () => {
 		clearTimeout(c), l = setTimeout(() => i(!1), o);
-	}, f = () => u(), p = () => d(), m = () => d();
-	n(() => {
-		let e = r();
-		e && (s(e), e.addEventListener("mouseenter", f), e.addEventListener("mouseleave", p), e.addEventListener("mousedown", m), t(() => {
-			e.removeEventListener("mouseenter", f), e.removeEventListener("mouseleave", p), e.removeEventListener("mousedown", m);
-		}));
-	}), t(() => {
+	};
+	t(() => {
+		if (u = r(), !u) return;
+		let e = () => d(), t = () => f(), i = () => f();
+		s(u), u.addEventListener("mouseenter", e), u.addEventListener("mouseleave", t), u.addEventListener("mousedown", i), u.addEventListener("blur", t), n(() => {
+			u.removeEventListener("mouseenter", e), u.removeEventListener("mouseleave", t), u.removeEventListener("mousedown", i), u.removeEventListener("blur", t);
+		});
+	}), n(() => {
 		clearTimeout(c), clearTimeout(l);
 	});
 };

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useFontLoader';

package/dist/hooks/useFontLoader.d.ts

@@ -0,0 +1,86 @@
+declare const FONT_MAP: {
+    readonly en: {
+        readonly family: "Inter";
+        readonly weights: "400;500;700";
+    };
+    readonly fr: {
+        readonly family: "Inter";
+        readonly weights: "400;500;700";
+    };
+    readonly de: {
+        readonly family: "Inter";
+        readonly weights: "400;500;700";
+    };
+    readonly ru: {
+        readonly family: "Noto+Sans";
+        readonly weights: "400;500;700";
+    };
+    readonly "zh-hans": {
+        readonly family: "Noto+Sans+SC";
+        readonly weights: "400;500;700";
+    };
+    readonly "zh-hant": {
+        readonly family: "Noto+Sans+TC";
+        readonly weights: "400;500;700";
+    };
+    readonly ja: {
+        readonly family: "Noto+Sans+JP";
+        readonly weights: "400;500;700";
+    };
+    readonly ko: {
+        readonly family: "Noto+Sans+KR";
+        readonly weights: "400;500;700";
+    };
+    readonly hi: {
+        readonly family: "Noto+Sans+Devanagari";
+        readonly weights: "400;500;700";
+    };
+    readonly th: {
+        readonly family: "Noto+Sans+Thai";
+        readonly weights: "400;500;700";
+    };
+    readonly bn: {
+        readonly family: "Noto+Sans+Bengali";
+        readonly weights: "400;500;700";
+    };
+    readonly ar: {
+        readonly family: "Noto+Sans+Arabic";
+        readonly weights: "400;500;700";
+    };
+    readonly he: {
+        readonly family: "Noto+Sans+Hebrew";
+        readonly weights: "400;500;700";
+    };
+    readonly fa: {
+        readonly family: "Noto+Sans+Arabic";
+        readonly weights: "400;500;700";
+    };
+};
+export type Lang = keyof typeof FONT_MAP;
+export interface UseFontLoaderOptions {
+    /**
+     * 要加载的字体对应的语言
+     *
+     * 默认为`en`
+     */
+    langs?: Lang | Lang[];
+    /**
+     * 指定 data-lang 写入的目标元素。
+     * - 传入 ref：仅在该元素上生效，适合局部语言切换。
+     * - 不传（undefined）：写入 ，全局生效。
+     * 卸载时自动恢复目标元素的原始 data-lang 值。
+     *
+     * apply 为 false 时此选项无效。
+     */
+    targetRef?: HTMLElement;
+    /**
+     * 是否将 data-lang 写入目标元素以应用字体样式。
+     * - true（默认）：写入 data-lang，字体立即生效。
+     * - false：仅预加载字体资源，不修改任何 DOM，
+     *   适合提前预热用户可能切换到的语言字体。
+     * @default
+     */
+    apply?: boolean;
+}
+export declare function useFontLoader(options?: UseFontLoaderOptions): void;
+export {};

package/dist/hooks/useFontLoader.js

@@ -0,0 +1,87 @@
+import { createEffect as e, onCleanup as t } from "solid-js";
+//#region src/hooks/useFontLoader.ts
+var n = {
+	en: {
+		family: "Inter",
+		weights: "400;500;700"
+	},
+	fr: {
+		family: "Inter",
+		weights: "400;500;700"
+	},
+	de: {
+		family: "Inter",
+		weights: "400;500;700"
+	},
+	ru: {
+		family: "Noto+Sans",
+		weights: "400;500;700"
+	},
+	"zh-hans": {
+		family: "Noto+Sans+SC",
+		weights: "400;500;700"
+	},
+	"zh-hant": {
+		family: "Noto+Sans+TC",
+		weights: "400;500;700"
+	},
+	ja: {
+		family: "Noto+Sans+JP",
+		weights: "400;500;700"
+	},
+	ko: {
+		family: "Noto+Sans+KR",
+		weights: "400;500;700"
+	},
+	hi: {
+		family: "Noto+Sans+Devanagari",
+		weights: "400;500;700"
+	},
+	th: {
+		family: "Noto+Sans+Thai",
+		weights: "400;500;700"
+	},
+	bn: {
+		family: "Noto+Sans+Bengali",
+		weights: "400;500;700"
+	},
+	ar: {
+		family: "Noto+Sans+Arabic",
+		weights: "400;500;700"
+	},
+	he: {
+		family: "Noto+Sans+Hebrew",
+		weights: "400;500;700"
+	},
+	fa: {
+		family: "Noto+Sans+Arabic",
+		weights: "400;500;700"
+	}
+}, r = /* @__PURE__ */ new Set();
+function i(e) {
+	return e.filter((e) => e in n ? !0 : (process.env.NODE_ENV !== "production" && console.warn(`[useFontLoader] unsupported lang: "${e}". Supported values: ${Object.keys(n).join(", ")}`), !1));
+}
+function a(e) {
+	let t = e.filter((e) => !r.has(n[e].family));
+	if (t.length === 0) return;
+	let i = [...new Set(t.map((e) => {
+		let { family: t, weights: r } = n[e];
+		return `family=${t}:wght@${r}`;
+	}))], a = document.createElement("link");
+	a.rel = "stylesheet", a.href = `https://fonts.googleapis.com/css2?${i.join("&")}&display=swap`, document.head.appendChild(a);
+	for (let e of t) r.add(n[e].family);
+}
+function o(n) {
+	let { langs: r = "en", targetRef: o = document.documentElement, apply: s = !0 } = n ?? {}, c = i(Array.isArray(r) ? r : [r]);
+	e(() => {
+		a(c);
+	}), e(() => {
+		if (!s || c.length === 0) return;
+		let e = o ?? document.documentElement, n = c[0], r = e.getAttribute("data-lang");
+		e.setAttribute("data-lang", n), t(() => {
+			r === null ? e.removeAttribute("data-lang") : e.setAttribute("data-lang", r);
+		});
+	});
+}
+//#endregion
+export { o as useFontLoader };

package/dist/index.d.ts

@@ -23,3 +23,4 @@ export * from './components/switch';
 export * from './components/textarea';
 export * from './components/toast';
 export * from './components/tooltip';
+export * from './hooks';

package/dist/index.js

@@ -1,3 +1,4 @@
+/* empty css             */
 import { Accordion as e } from "./components/accordion/Accordion/Accordion.js";
 import { AccordionContent as t } from "./components/accordion/AccordionContent/AccordionContent.js";
 import { AccordionItem as n } from "./components/accordion/AccordionItem/AccordionItem.js";
@@ -101,4 +102,5 @@ import { toast as Ke } from "./components/toast/state.js";
 import { useSonner as qe } from "./components/toast/hooks.js";
 import { Toast as Je } from "./components/toast/components/Toast.js";
 import { Toaster as Ye } from "./components/toast/components/Toaster.js";
-export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, i as AspectRatio, a as Avatar, c as AvatarBadge, s as AvatarFallback, l as AvatarGroup, u as AvatarGroupCount, o as AvatarImage, d as Badge, f as Button, p as ButtonGroup, h as ButtonGroupSeparator, g as ButtonGroupText, _ as Card, v as CardAction, y as CardContent, b as CardDescription, x as CardFooter, S as CardHeader, C as CardTitle, w as Carousel, T as CarouselContent, E as CarouselDots, D as CarouselItem, O as CarouselNext, k as CarouselPrevious, N as Field, P as FieldContent, z as FieldDescription, R as FieldError, M as FieldGroup, I as FieldLabel, j as FieldLegend, B as FieldSeparator, A as FieldSet, L as FieldTitle, V as Image, H as Input, U as InputGroup, W as InputGroupAddon, G as InputGroupButton, q as InputGroupInput, K as InputGroupText, Y as InputGroupTextarea, Q as Item, re as ItemActions, ee as ItemContent, ne as ItemDescription, ae as ItemFooter, X as ItemGroup, ie as ItemHeader, $ as ItemMedia, Z as ItemSeparator, te as ItemTitle, oe as Kbd, se as KbdGroup, F as Label, ce as Pagination, le as PaginationContent, me as PaginationEllipsis, ue as PaginationItem, de as PaginationLink, pe as PaginationNext, fe as PaginationPrevious, ge as ScrollArea, he as ScrollBar, m as Separator, ve as Sidebar, Ee as SidebarContent, we as SidebarFooter, De as SidebarGroup, ke as SidebarGroupAction, Ae as SidebarGroupContent, Oe as SidebarGroupLabel, Ce as SidebarHeader, Se as SidebarInput, xe as SidebarInset, je as SidebarMenu, Re as SidebarMenuBadge, Le as SidebarMenuButton, Me as SidebarMenuItem, Be as SidebarMenuSkeleton, Ve as SidebarMenuSub, Ue as SidebarMenuSubButton, He as SidebarMenuSubItem, _e as SidebarProvider, be as SidebarRail, Te as SidebarSeparator, ye as SidebarTrigger, ze as Skeleton, We as Spinner, Ge as Switch, J as Textarea, Je as Toast, Ye as Toaster, Ne as Tooltip, Ie as TooltipArrow, Fe as TooltipContent, Pe as TooltipTrigger, Ke as toast, qe as useSonner };
+import { useFontLoader as Xe } from "./hooks/useFontLoader.js";
+export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger, i as AspectRatio, a as Avatar, c as AvatarBadge, s as AvatarFallback, l as AvatarGroup, u as AvatarGroupCount, o as AvatarImage, d as Badge, f as Button, p as ButtonGroup, h as ButtonGroupSeparator, g as ButtonGroupText, _ as Card, v as CardAction, y as CardContent, b as CardDescription, x as CardFooter, S as CardHeader, C as CardTitle, w as Carousel, T as CarouselContent, E as CarouselDots, D as CarouselItem, O as CarouselNext, k as CarouselPrevious, N as Field, P as FieldContent, z as FieldDescription, R as FieldError, M as FieldGroup, I as FieldLabel, j as FieldLegend, B as FieldSeparator, A as FieldSet, L as FieldTitle, V as Image, H as Input, U as InputGroup, W as InputGroupAddon, G as InputGroupButton, q as InputGroupInput, K as InputGroupText, Y as InputGroupTextarea, Q as Item, re as ItemActions, ee as ItemContent, ne as ItemDescription, ae as ItemFooter, X as ItemGroup, ie as ItemHeader, $ as ItemMedia, Z as ItemSeparator, te as ItemTitle, oe as Kbd, se as KbdGroup, F as Label, ce as Pagination, le as PaginationContent, me as PaginationEllipsis, ue as PaginationItem, de as PaginationLink, pe as PaginationNext, fe as PaginationPrevious, ge as ScrollArea, he as ScrollBar, m as Separator, ve as Sidebar, Ee as SidebarContent, we as SidebarFooter, De as SidebarGroup, ke as SidebarGroupAction, Ae as SidebarGroupContent, Oe as SidebarGroupLabel, Ce as SidebarHeader, Se as SidebarInput, xe as SidebarInset, je as SidebarMenu, Re as SidebarMenuBadge, Le as SidebarMenuButton, Me as SidebarMenuItem, Be as SidebarMenuSkeleton, Ve as SidebarMenuSub, Ue as SidebarMenuSubButton, He as SidebarMenuSubItem, _e as SidebarProvider, be as SidebarRail, Te as SidebarSeparator, ye as SidebarTrigger, ze as Skeleton, We as Spinner, Ge as Switch, J as Textarea, Je as Toast, Ye as Toaster, Ne as Tooltip, Ie as TooltipArrow, Fe as TooltipContent, Pe as TooltipTrigger, Ke as toast, Xe as useFontLoader, qe as useSonner };