@neut/ui 0.0.2 → 0.0.4

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

@@ -1,12 +1,12 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useTooltipContext as t } from "../Tooltip/Tooltip.context.js";
 import { TooltipContentContext as n } from "./TooltipContent.context.js";
 import { useTooltipContent as r } from "./useTooltipContent.js";
 import { Portal as i, createComponent as a, insert as o, mergeProps as s, spread as c, template as l, use as u } from "solid-js/web";
-import { Show as d, mergeProps as f, splitProps as p } from "solid-js";
+import { Show as d, createMemo as f, createSignal as p, mergeProps as m, splitProps as h } 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 = t(), [g, _] = p(f({
+var g = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), _ = (l) => {
+	let _ = t(), [v, y] = h(m({
 		side: "top",
 		align: "center",
 		alignOffset: 0,
@@ -19,43 +19,51 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 		"class",
 		"classList",
 		"children"
-	]), v, { shouldRender: y, position: b } = r(() => v, () => g);
+	]), [b, x] = p(), { shouldRender: S, position: C } = r(b, () => v), w = f(() => _.open());
 	return a(d, {
 		get when() {
-			return y();
+			return S();
 		},
 		get children() {
 			return a(i, { get children() {
-				var t = m(), r = v;
-				return typeof r == "function" ? u(r, t) : v = t, c(t, s({
+				var t = g();
+				return u(x, t), c(t, s({
 					get "data-open"() {
-						return h.open() ? "" : void 0;
+						return w() || void 0;
 					},
 					get "data-closed"() {
-						return h.open() ? void 0 : "";
+						return !w() || void 0;
 					},
 					get "data-align"() {
-						return b.align;
+						return C.align;
 					},
 					get "data-side"() {
-						return b.side;
+						return C.side;
 					},
 					get id() {
-						return h.contentId;
+						return _.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", g.class);
+						return e("fixed z-50 pointer-events-none 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", v.class);
 					},
 					get style() {
 						return {
-							top: `${b.top}px`,
-							left: `${b.left}px`
+							top: `${C.top}px`,
+							left: `${C.left}px`,
+							visibility: C.top === 0 ? "hidden" : "visible"
 						};
 					}
-				}, _), !1, !0), o(t, a(n.Provider, {
-					value: { side: () => b.side },
+				}, y), !1, !0), o(t, a(n.Provider, {
+					value: {
+						get side() {
+							return C.side;
+						},
+						get align() {
+							return C.align;
+						}
+					},
 					get children() {
-						return g.children;
+						return v.children;
 					}
 				})), t;
 			} });
@@ -63,4 +71,6 @@ var m = /* @__PURE__ */ l("<div data-slot=tooltip-content role=tooltip>"), h = (
 	});
 };
 //#endregion
-export { h as TooltipContent };
+export { _ as TooltipContent };
+
+//# sourceMappingURL=TooltipContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.js","names":["createMemo","createSignal","mergeProps","Show","splitProps","useTooltipContext","Portal","TooltipContentProps","clsx","TooltipContentContext","useTooltipContent","TooltipContent","props","ctx","merged","side","align","alignOffset","sideOffset","const","local","others","ref","setRef","HTMLDivElement","shouldRender","position","isOpen","open","_$createComponent","when","children","_el$","_tmpl$","_$use","_$spread","_$mergeProps","data-open","undefined","data-closed","data-align","data-side","id","contentId","class","style","top","left","visibility","_$insert","Provider","value"],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  Show,\n  splitProps,\n} from \"solid-js\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\nimport { Portal } from \"solid-js/web\";\nimport type { TooltipContentProps } from \"./TooltipContent.types\";\nimport { clsx } from \"~/utils\";\nimport { TooltipContentContext } from \"./TooltipContent.context\";\nimport { useTooltipContent } from \"./useTooltipContent\";\n\nexport const TooltipContent = (props: TooltipContentProps) => {\n  const ctx = useTooltipContext();\n\n  const merged = mergeProps(\n    { side: \"top\", align: \"center\", alignOffset: 0, sideOffset: 4 } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"align\",\n    \"alignOffset\",\n    \"sideOffset\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [ref, setRef] = createSignal<HTMLDivElement>();\n\n  const { shouldRender, position } = useTooltipContent(ref, () => local);\n\n  const isOpen = createMemo(() => ctx.open());\n\n  return (\n    <Show when={shouldRender()}>\n      <Portal>\n        <div\n          ref={setRef}\n          data-slot=\"tooltip-content\"\n          data-open={isOpen() || undefined}\n          data-closed={!isOpen() || undefined}\n          data-align={position.align}\n          data-side={position.side}\n          id={ctx.contentId}\n          role=\"tooltip\"\n          class={clsx(\n            \"fixed z-50 pointer-events-none 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\",\n            local.class,\n          )}\n          style={{\n            top: `${position.top}px`,\n            left: `${position.left}px`,\n            visibility: position.top === 0 ? \"hidden\" : \"visible\",\n          }}\n          {...others}\n        >\n          <TooltipContentContext.Provider\n            value={{\n              get side() {\n                return position.side;\n              },\n              get align() {\n                return position.align;\n              },\n            }}\n          >\n            {local.children}\n          </TooltipContentContext.Provider>\n        </div>\n      </Portal>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;2EAcaW,KAAkBC,MAA+B;CAC5D,IAAMC,IAAMR,GAAmB,EAMzB,CAACe,GAAOC,KAAUjB,EAJTF,EACb;EAAEa,MAAM;EAAOC,OAAO;EAAUC,aAAa;EAAGC,YAAY;EAAG,EAC/DN,EACD,EAC0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACU,GAAKC,KAAUtB,GAA8B,EAE9C,EAAEwB,iBAAcC,gBAAahB,EAAkBY,SAAWF,EAAM,EAEhEO,IAAS3B,QAAiBa,EAAIe,MAAM,CAAC;AAE3C,QAAAC,EACG1B,GAAI;EAAA,IAAC2B,OAAI;AAAA,UAAEL,GAAc;;EAAA,IAAAM,WAAA;AAAA,UAAAF,EACvBvB,GAAM,EAAA,IAAAyB,WAAA;IAAA,IAAAC,IAAAC,GAAA;AA+Bc,WA/BdC,EAEEX,GAAMS,EAAA,EAAAG,EAAAH,GAAAI,EAAA;KAAA,IAAA,cAAA;AAAA,aAEAT,GAAQ,IAAIW,KAAAA;;KAAS,IAAA,gBAAA;AAAA,aACnB,CAACX,GAAQ,IAAIW,KAAAA;;KAAS,IAAA,eAAA;AAAA,aACvBZ,EAASV;;KAAK,IAAA,cAAA;AAAA,aACfU,EAASX;;KAAI,IACxB2B,KAAE;AAAA,aAAE7B,EAAI8B;;KAAS,IAAA,QAAA;AAAA,aAEVnC,EACL,k0BACAY,EAAMwB,MACP;;KAAA,IACDC,QAAK;AAAA,aAAE;OACLC,KAAK,GAAGpB,EAASoB,IAAG;OACpBC,MAAM,GAAGrB,EAASqB,KAAI;OACtBC,YAAYtB,EAASoB,QAAQ,IAAI,WAAW;OAC7C;;KAAA,EACGzB,EAAM,EAAA,IAAA,GAAA,EAAA4B,EAAAjB,GAAAH,EAETpB,EAAsByC,UAAQ;KAC7BC,OAAO;MACL,IAAIpC,OAAO;AACT,cAAOW,EAASX;;MAElB,IAAIC,QAAQ;AACV,cAAOU,EAASV;;MAEnB;KAAA,IAAAe,WAAA;AAAA,aAEAX,EAAMW;;KAAQ,CAAA,CAAA,EAAAC;MAAA,CAAA;;EAAA,CAAA"}

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

@@ -60,3 +60,5 @@ function e(e, t, n, r, i, a) {
 }
 //#endregion
 export { e as computePosition };
+
+//# sourceMappingURL=TooltipContent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.utils.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.utils.ts"],"sourcesContent":["export function computePosition(\n  trigger: HTMLElement,\n  content: HTMLElement,\n  side: \"top\" | \"bottom\" | \"left\" | \"right\",\n  align: \"start\" | \"center\" | \"end\",\n  alignOffset: number,\n  sideOffset: number,\n) {\n  const rect = trigger.getBoundingClientRect();\n  const contentWidth = content.offsetWidth;\n  const contentHeight = content.offsetHeight;\n  const vw = window.innerWidth;\n  const vh = window.innerHeight;\n  const MARGIN = 4;\n\n  let top = 0;\n  let left = 0;\n  let resolvedSide = side;\n  let resolvedAlign = align;\n\n  // --- Flip：优先检测对侧是否有足够空间，再决定最终 side ---\n  switch (side) {\n    case \"top\":\n      if (\n        rect.top < contentHeight + sideOffset &&\n        rect.bottom + sideOffset + contentHeight <= vh\n      ) {\n        resolvedSide = \"bottom\";\n      }\n      break;\n    case \"bottom\":\n      if (\n        rect.bottom + sideOffset + contentHeight > vh &&\n        rect.top - sideOffset - contentHeight >= 0\n      ) {\n        resolvedSide = \"top\";\n      }\n      break;\n    case \"left\":\n      if (\n        rect.left < contentWidth + sideOffset &&\n        rect.right + sideOffset + contentWidth <= vw\n      ) {\n        resolvedSide = \"right\";\n      }\n      break;\n    case \"right\":\n      if (\n        rect.right + sideOffset + contentWidth > vw &&\n        rect.left - sideOffset - contentWidth >= 0\n      ) {\n        resolvedSide = \"left\";\n      }\n      break;\n  }\n\n  // --- 主轴位置（基于 resolvedSide）---\n  switch (resolvedSide) {\n    case \"top\":\n      top = rect.top - contentHeight - sideOffset;\n      break;\n    case \"bottom\":\n      top = rect.bottom + sideOffset;\n      break;\n    case \"left\":\n      left = rect.left - contentWidth - sideOffset;\n      break;\n    case \"right\":\n      left = rect.right + sideOffset;\n      break;\n  }\n\n  // --- 交叉轴位置（align）---\n  if (resolvedSide === \"top\" || resolvedSide === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        left = rect.left + alignOffset;\n        break;\n      case \"center\":\n        left = rect.left + rect.width / 2 - contentWidth / 2 + alignOffset;\n        break;\n      case \"end\":\n        left = rect.right - contentWidth - alignOffset;\n        break;\n    }\n  } else {\n    switch (align) {\n      case \"start\":\n        top = rect.top + alignOffset;\n        break;\n      case \"center\":\n        top = rect.top + rect.height / 2 - contentHeight / 2 + alignOffset;\n        break;\n      case \"end\":\n        top = rect.bottom - contentHeight - alignOffset;\n        break;\n    }\n  }\n\n  // --- Shift：贴边平移，并更新 resolvedAlign ---\n  if (resolvedSide === \"top\" || resolvedSide === \"bottom\") {\n    if (left < MARGIN) {\n      left = MARGIN;\n      resolvedAlign = \"start\";\n    } else if (left + contentWidth > vw - MARGIN) {\n      left = vw - contentWidth - MARGIN;\n      resolvedAlign = \"end\";\n    }\n  } else {\n    if (top < MARGIN) {\n      top = MARGIN;\n      resolvedAlign = \"start\";\n    } else if (top + contentHeight > vh - MARGIN) {\n      top = vh - contentHeight - MARGIN;\n      resolvedAlign = \"end\";\n    }\n  }\n\n  return { top, left, side: resolvedSide, align: resolvedAlign };\n}\n"],"mappings":";AAAA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACA;CACA,IAAM,IAAO,EAAQ,uBAAuB,EACtC,IAAe,EAAQ,aACvB,IAAgB,EAAQ,cACxB,IAAK,OAAO,YACZ,IAAK,OAAO,aAGd,IAAM,GACN,IAAO,GACP,IAAe,GACf,IAAgB;AAGpB,SAAQ,GAAR;EACE,KAAK;AACH,GACE,EAAK,MAAM,IAAgB,KAC3B,EAAK,SAAS,IAAa,KAAiB,MAE5C,IAAe;AAEjB;EACF,KAAK;AACH,GACE,EAAK,SAAS,IAAa,IAAgB,KAC3C,EAAK,MAAM,IAAa,KAAiB,MAEzC,IAAe;AAEjB;EACF,KAAK;AACH,GACE,EAAK,OAAO,IAAe,KAC3B,EAAK,QAAQ,IAAa,KAAgB,MAE1C,IAAe;AAEjB;EACF,KAAK;AACH,GACE,EAAK,QAAQ,IAAa,IAAe,KACzC,EAAK,OAAO,IAAa,KAAgB,MAEzC,IAAe;AAEjB;;AAIJ,SAAQ,GAAR;EACE,KAAK;AACH,OAAM,EAAK,MAAM,IAAgB;AACjC;EACF,KAAK;AACH,OAAM,EAAK,SAAS;AACpB;EACF,KAAK;AACH,OAAO,EAAK,OAAO,IAAe;AAClC;EACF,KAAK;AACH,OAAO,EAAK,QAAQ;AACpB;;AAIJ,KAAI,MAAiB,SAAS,MAAiB,SAC7C,SAAQ,GAAR;EACE,KAAK;AACH,OAAO,EAAK,OAAO;AACnB;EACF,KAAK;AACH,OAAO,EAAK,OAAO,EAAK,QAAQ,IAAI,IAAe,IAAI;AACvD;EACF,KAAK;AACH,OAAO,EAAK,QAAQ,IAAe;AACnC;;KAGJ,SAAQ,GAAR;EACE,KAAK;AACH,OAAM,EAAK,MAAM;AACjB;EACF,KAAK;AACH,OAAM,EAAK,MAAM,EAAK,SAAS,IAAI,IAAgB,IAAI;AACvD;EACF,KAAK;AACH,OAAM,EAAK,SAAS,IAAgB;AACpC;;AAuBN,QAlBI,MAAiB,SAAS,MAAiB,WACzC,IAAO,KACT,IAAO,GACP,IAAgB,WACP,IAAO,IAAe,IAAK,MACpC,IAAO,IAAK,IAAe,GAC3B,IAAgB,SAGd,IAAM,KACR,IAAM,GACN,IAAgB,WACP,IAAM,IAAgB,IAAK,MACpC,IAAM,IAAK,IAAgB,GAC3B,IAAgB,QAIb;EAAE;EAAK;EAAM,MAAM;EAAc,OAAO;EAAe"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipContent.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/useTooltipContent.ts"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  onCleanup,\n  onMount,\n  untrack,\n} from \"solid-js\";\nimport { computePosition } from \"./TooltipContent.utils\";\nimport { createStore } from \"solid-js/store\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\nimport type { TooltipContentProps } from \"./TooltipContent.types\";\n\nexport const useTooltipContent = (\n  ref: () => HTMLDivElement | undefined,\n  local: () => Required<\n    Pick<TooltipContentProps, \"side\" | \"align\" | \"alignOffset\" | \"sideOffset\">\n  >,\n) => {\n  const ctx = useTooltipContext();\n\n  const [position, setPosition] = createStore({\n    top: 0,\n    left: 0,\n    side: untrack(() => local().side),\n    align: untrack(() => local().align),\n  });\n  const [shouldRender, setShouldRender] = createSignal(untrack(ctx.open));\n\n  const updatePosition = (content: HTMLElement | undefined) => {\n    if (!ctx.triggerRef || !content) return;\n\n    const { top, left, side, align } = computePosition(\n      ctx.triggerRef,\n      content,\n      local().side,\n      local().align,\n      local().alignOffset,\n      local().sideOffset,\n    );\n    setPosition({ top, left, side, align });\n  };\n\n  const updatePositionWithContentRef = () => updatePosition(ref());\n\n  onMount(() => {\n    window.addEventListener(\"scroll\", updatePositionWithContentRef, {\n      passive: true,\n    });\n    window.addEventListener(\"resize\", updatePositionWithContentRef, {\n      passive: true,\n    });\n  });\n\n  onCleanup(() => {\n    window.removeEventListener(\"scroll\", updatePositionWithContentRef);\n    window.removeEventListener(\"resize\", updatePositionWithContentRef);\n  });\n\n  createEffect(() => {\n    const isOpen = ctx.open();\n\n    if (isOpen) {\n      setShouldRender(true);\n      // 等待 DOM 完成布局后再计算，双 rAF 确保内容节点已完成首次渲染\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => updatePosition(ref()));\n      });\n      return;\n    }\n\n    const el = ref();\n    if (!el) {\n      setShouldRender(false);\n      return;\n    }\n\n    const onFinish = () => setShouldRender(false);\n    el.addEventListener(\"animationend\", onFinish, { once: true });\n    el.addEventListener(\"transitionend\", onFinish, { once: true });\n  });\n\n  return { shouldRender, position };\n};\n"],"mappings":";;;;;AAYA,IAAa,KACX,GACA,MAGG;CACH,IAAM,IAAM,GAAmB,EAEzB,CAAC,GAAU,KAAe,EAAY;EAC1C,KAAK;EACL,MAAM;EACN,MAAM,QAAc,GAAO,CAAC,KAAK;EACjC,OAAO,QAAc,GAAO,CAAC,MAAM;EACpC,CAAC,EACI,CAAC,GAAc,KAAmB,EAAa,EAAQ,EAAI,KAAK,CAAC,EAEjE,KAAkB,MAAqC;AAC3D,MAAI,CAAC,EAAI,cAAc,CAAC,EAAS;EAEjC,IAAM,EAAE,QAAK,SAAM,SAAM,aAAU,EACjC,EAAI,YACJ,GACA,GAAO,CAAC,MACR,GAAO,CAAC,OACR,GAAO,CAAC,aACR,GAAO,CAAC,WACT;AACD,IAAY;GAAE;GAAK;GAAM;GAAM;GAAO,CAAC;IAGnC,UAAqC,EAAe,GAAK,CAAC;AAuChE,QArCA,QAAc;AAIZ,EAHA,OAAO,iBAAiB,UAAU,GAA8B,EAC9D,SAAS,IACV,CAAC,EACF,OAAO,iBAAiB,UAAU,GAA8B,EAC9D,SAAS,IACV,CAAC;GACF,EAEF,QAAgB;AAEd,EADA,OAAO,oBAAoB,UAAU,EAA6B,EAClE,OAAO,oBAAoB,UAAU,EAA6B;GAClE,EAEF,QAAmB;AAGjB,MAFe,EAAI,MAAM,EAEb;AAGV,GAFA,EAAgB,GAAK,EAErB,4BAA4B;AAC1B,gCAA4B,EAAe,GAAK,CAAC,CAAC;KAClD;AACF;;EAGF,IAAM,IAAK,GAAK;AAChB,MAAI,CAAC,GAAI;AACP,KAAgB,GAAM;AACtB;;EAGF,IAAM,UAAiB,EAAgB,GAAM;AAE7C,EADA,EAAG,iBAAiB,gBAAgB,GAAU,EAAE,MAAM,IAAM,CAAC,EAC7D,EAAG,iBAAiB,iBAAiB,GAAU,EAAE,MAAM,IAAM,CAAC;GAC9D,EAEK;EAAE;EAAc;EAAU"}

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

@@ -1,9 +1,11 @@
 import { useTooltipTrigger as e } from "./useTooltipTrigger.js";
-import { children as t } from "solid-js";
+import { children as t, untrack as n } from "solid-js";
 //#region src/components/tooltip/TooltipTrigger/TooltipTrigger.tsx
-var n = (n) => {
-	let r = t(() => n.children);
-	return e(r), r;
+var r = (r) => {
+	let i = t(() => n(() => r.children));
+	return e(i), i;
 };
 //#endregion
-export { n as TooltipTrigger };
+export { r as TooltipTrigger };
+
+//# sourceMappingURL=TooltipTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.js","names":["children","untrack","JSXElement","ParentProps","useTooltipTrigger","TooltipTrigger","props","resolved"],"sources":["../../../../src/components/tooltip/TooltipTrigger/TooltipTrigger.tsx"],"sourcesContent":["import { children, untrack, type JSXElement, type ParentProps } from \"solid-js\";\nimport { useTooltipTrigger } from \"./useTooltipTrigger\";\n\nexport const TooltipTrigger = (props: ParentProps) => {\n  const resolved = children(() => untrack(() => props.children));\n  useTooltipTrigger(resolved);\n\n  return resolved as unknown as JSXElement;\n};\n"],"mappings":";;;AAGA,IAAaK,KAAkBC,MAAuB;CACpD,IAAMC,IAAWP,QAAeC,QAAcK,EAAMN,SAAS,CAAC;AAG9D,QAFAI,EAAkBG,EAAS,EAEpBA"}

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

@@ -1,21 +1,34 @@
 import { useTooltipContext as e } from "../Tooltip/Tooltip.context.js";
-import { createEffect as t, onCleanup as n } from "solid-js";
+import { onCleanup as t, onMount 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, d = () => {
+	let { setOpen: i, openDelay: a, closeDelay: o, setTriggerRef: s } = e(), c, l, u = () => {
 		clearTimeout(l), c = setTimeout(() => i(!0), a);
-	}, f = () => {
+	}, d = () => {
 		clearTimeout(c), l = setTimeout(() => i(!1), o);
+	}, f = (e) => {
+		console.log("鼠标移入", e.type), u();
+	}, p = (e) => {
+		console.log("鼠标移出", e.type), d();
+	}, m = (e) => {
+		console.log("鼠标按下", e.type), d();
 	};
-	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);
+	n(() => {
+		let e = r.toArray();
+		e.length !== 1 && console.warn("[Tooltip] TooltipTrigger should have exactly one child");
+		let n = e[0];
+		if (n) {
+			if (!(n instanceof HTMLElement)) {
+				console.error("[Tooltip] TooltipTrigger child should be an HTMLElement");
+				return;
+			}
+			s(n), n.addEventListener("pointerenter", f), n.addEventListener("pointerleave", p), n.addEventListener("mousedown", m), n.addEventListener("blur", p), t(() => {
+				clearTimeout(c), clearTimeout(l), n && (n.removeEventListener("pointerenter", f), n.removeEventListener("pointerleave", p), n.removeEventListener("mousedown", m), n.removeEventListener("blur", p));
+			});
+		}
 	});
 };
 //#endregion
 export { r as useTooltipTrigger };
+
+//# sourceMappingURL=useTooltipTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipTrigger.js","names":[],"sources":["../../../../src/components/tooltip/TooltipTrigger/useTooltipTrigger.ts"],"sourcesContent":["import { onCleanup, onMount, type ChildrenReturn } from \"solid-js\";\nimport type { TimeoutID } from \"~/types\";\nimport { useTooltipContext } from \"../Tooltip/Tooltip.context\";\n\nexport const useTooltipTrigger = (resolved: ChildrenReturn) => {\n  const { setOpen, openDelay, closeDelay, setTriggerRef } = useTooltipContext();\n\n  let openTimer: TimeoutID;\n  let closeTimer: TimeoutID;\n\n  const open = () => {\n    clearTimeout(closeTimer);\n    openTimer = setTimeout(() => setOpen(true), openDelay);\n  };\n\n  const close = () => {\n    clearTimeout(openTimer);\n    closeTimer = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  const handleMouseEnter = (ev: PointerEvent) => {\n    console.log(\"鼠标移入\", ev.type);\n    open();\n  };\n  const handleMouseLeave = (ev: PointerEvent | FocusEvent) => {\n    console.log(\"鼠标移出\", ev.type);\n    close();\n  };\n  const handleMouseDown = (ev: Event) => {\n    console.log(\"鼠标按下\", ev.type);\n    close();\n  };\n\n  onMount(() => {\n    const trigger = resolved.toArray();\n    if (trigger.length !== 1) {\n      console.warn(\"[Tooltip] TooltipTrigger should have exactly one child\");\n    }\n\n    const el = trigger[0] as HTMLElement | undefined;\n\n    if (!el) return;\n\n    if (!(el instanceof HTMLElement)) {\n      console.error(\"[Tooltip] TooltipTrigger child should be an HTMLElement\");\n      return;\n    }\n\n    setTriggerRef(el);\n    el.addEventListener(\"pointerenter\", handleMouseEnter);\n    el.addEventListener(\"pointerleave\", handleMouseLeave);\n    el.addEventListener(\"mousedown\", handleMouseDown);\n    el.addEventListener(\"blur\", handleMouseLeave);\n\n    onCleanup(() => {\n      clearTimeout(openTimer);\n      clearTimeout(closeTimer);\n\n      if (!el) return;\n      el.removeEventListener(\"pointerenter\", handleMouseEnter);\n      el.removeEventListener(\"pointerleave\", handleMouseLeave);\n      el.removeEventListener(\"mousedown\", handleMouseDown);\n      el.removeEventListener(\"blur\", handleMouseLeave);\n    });\n  });\n\n  // createEffect(() => {\n  //   el = resolved() as HTMLElement | undefined;\n  //   if (!el) return;\n\n  //   const handleMouseEnter = () => {\n  //     open();\n  //   };\n  //   const handleMouseLeave = () => {\n  //     close();\n  //   };\n  //   const handleMouseDown = () => close();\n\n  //   untrack(() => setTriggerRef(el!));\n  //   el.addEventListener(\"mouseenter\", handleMouseEnter);\n  //   el.addEventListener(\"mouseleave\", handleMouseLeave);\n  //   el.addEventListener(\"mousedown\", handleMouseDown);\n  //   el.addEventListener(\"blur\", handleMouseLeave);\n\n  //   onCleanup(() => {\n  //     el!.removeEventListener(\"mouseenter\", handleMouseEnter);\n  //     el!.removeEventListener(\"mouseleave\", handleMouseLeave);\n  //     el!.removeEventListener(\"mousedown\", handleMouseDown);\n  //     el!.removeEventListener(\"blur\", handleMouseLeave);\n  //   });\n  // });\n\n  // onCleanup(() => {\n  //   clearTimeout(openTimer);\n  //   clearTimeout(closeTimer);\n  // });\n};\n"],"mappings":";;;AAIA,IAAa,KAAqB,MAA6B;CAC7D,IAAM,EAAE,YAAS,cAAW,eAAY,qBAAkB,GAAmB,EAEzE,GACA,GAEE,UAAa;AAEjB,EADA,aAAa,EAAW,EACxB,IAAY,iBAAiB,EAAQ,GAAK,EAAE,EAAU;IAGlD,UAAc;AAElB,EADA,aAAa,EAAU,EACvB,IAAa,iBAAiB,EAAQ,GAAM,EAAE,EAAW;IAGrD,KAAoB,MAAqB;AAE7C,EADA,QAAQ,IAAI,QAAQ,EAAG,KAAK,EAC5B,GAAM;IAEF,KAAoB,MAAkC;AAE1D,EADA,QAAQ,IAAI,QAAQ,EAAG,KAAK,EAC5B,GAAO;IAEH,KAAmB,MAAc;AAErC,EADA,QAAQ,IAAI,QAAQ,EAAG,KAAK,EAC5B,GAAO;;AAGT,SAAc;EACZ,IAAM,IAAU,EAAS,SAAS;AAClC,EAAI,EAAQ,WAAW,KACrB,QAAQ,KAAK,yDAAyD;EAGxE,IAAM,IAAK,EAAQ;AAEd,SAEL;OAAI,EAAE,aAAc,cAAc;AAChC,YAAQ,MAAM,0DAA0D;AACxE;;AASF,GANA,EAAc,EAAG,EACjB,EAAG,iBAAiB,gBAAgB,EAAiB,EACrD,EAAG,iBAAiB,gBAAgB,EAAiB,EACrD,EAAG,iBAAiB,aAAa,EAAgB,EACjD,EAAG,iBAAiB,QAAQ,EAAiB,EAE7C,QAAgB;AACd,iBAAa,EAAU,EACvB,aAAa,EAAW,EAEnB,MACL,EAAG,oBAAoB,gBAAgB,EAAiB,EACxD,EAAG,oBAAoB,gBAAgB,EAAiB,EACxD,EAAG,oBAAoB,aAAa,EAAgB,EACpD,EAAG,oBAAoB,QAAQ,EAAiB;KAChD;;GACF"}

package/dist/components/tooltip/index.js

@@ -0,0 +1,5 @@
+import { Tooltip as e } from "./Tooltip/Tooltip.js";
+import { TooltipTrigger as t } from "./TooltipTrigger/TooltipTrigger.js";
+import { TooltipContent as n } from "./TooltipContent/TooltipContent.js";
+import { TooltipArrow as r } from "./TooltipArrow/TooltipArrow.js";
+export { e as Tooltip, r as TooltipArrow, n as TooltipContent, t as TooltipTrigger };

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+import { useFontLoader as e } from "./useFontLoader.js";
+export { e as useFontLoader };

package/dist/hooks/useFontLoader.js

@@ -85,3 +85,5 @@ function o(n) {
 }
 //#endregion
 export { o as useFontLoader };
+
+//# sourceMappingURL=useFontLoader.js.map

package/dist/hooks/useFontLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFontLoader.js","names":[],"sources":["../../src/hooks/useFontLoader.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\n\n// ─── 字体配置表 ────────────────────────────────────────────────\nconst FONT_MAP = {\n  en: { family: \"Inter\", weights: \"400;500;700\" },\n  fr: { family: \"Inter\", weights: \"400;500;700\" },\n  de: { family: \"Inter\", weights: \"400;500;700\" },\n  ru: { family: \"Noto+Sans\", weights: \"400;500;700\" },\n  \"zh-hans\": { family: \"Noto+Sans+SC\", weights: \"400;500;700\" },\n  \"zh-hant\": { family: \"Noto+Sans+TC\", weights: \"400;500;700\" },\n  ja: { family: \"Noto+Sans+JP\", weights: \"400;500;700\" },\n  ko: { family: \"Noto+Sans+KR\", weights: \"400;500;700\" },\n  hi: { family: \"Noto+Sans+Devanagari\", weights: \"400;500;700\" },\n  th: { family: \"Noto+Sans+Thai\", weights: \"400;500;700\" },\n  bn: { family: \"Noto+Sans+Bengali\", weights: \"400;500;700\" },\n  ar: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n  he: { family: \"Noto+Sans+Hebrew\", weights: \"400;500;700\" },\n  fa: { family: \"Noto+Sans+Arabic\", weights: \"400;500;700\" },\n} as const satisfies Record<string, { family: string; weights: string }>;\n\nexport type Lang = keyof typeof FONT_MAP;\n\n// ─── 已加载字体缓存（模块级单例，避免重复插入） ──────────────\nconst loaded = new Set<string>();\n\nfunction filterValidLangs(langs: string[]): Lang[] {\n  return langs.filter((lang): lang is Lang => {\n    if (lang in FONT_MAP) return true;\n    if (process.env.NODE_ENV !== \"production\") {\n      console.warn(\n        `[useFontLoader] unsupported lang: \"${lang}\". ` +\n          `Supported values: ${Object.keys(FONT_MAP).join(\", \")}`,\n      );\n    }\n    return false;\n  });\n}\n\nexport interface UseFontLoaderOptions {\n  /**\n   * 要加载的字体对应的语言\n   *\n   * 默认为`en`\n   */\n  langs?: Lang | Lang[];\n\n  /**\n   * 指定 data-lang 写入的目标元素。\n   * - 传入 ref：仅在该元素上生效，适合局部语言切换。\n   * - 不传（undefined）：写入 ，全局生效。\n   * 卸载时自动恢复目标元素的原始 data-lang 值。\n   *\n   * apply 为 false 时此选项无效。\n   */\n  targetRef?: HTMLElement;\n\n  /**\n   * 是否将 data-lang 写入目标元素以应用字体样式。\n   * - true（默认）：写入 data-lang，字体立即生效。\n   * - false：仅预加载字体资源，不修改任何 DOM，\n   *   适合提前预热用户可能切换到的语言字体。\n   * @default\n   */\n  apply?: boolean;\n}\n\n/* ----------------------------------------------------------------\n   工具：插入 Google Fonts\n   ---------------------------------------------------------------- */\nfunction loadGoogleFonts(langs: Lang[]): void {\n  const toLoad = langs.filter((lang) => !loaded.has(FONT_MAP[lang].family));\n  if (toLoad.length === 0) return;\n\n  const families = [\n    ...new Set(\n      toLoad.map((lang) => {\n        const { family, weights } = FONT_MAP[lang];\n        return `family=${family}:wght@${weights}`;\n      }),\n    ),\n  ];\n\n  const link = document.createElement(\"link\");\n  link.rel = \"stylesheet\";\n  link.href = `https://fonts.googleapis.com/css2?${families.join(\"&\")}&display=swap`;\n\n  document.head.appendChild(link);\n  for (const lang of toLoad) {\n    loaded.add(FONT_MAP[lang].family);\n  }\n}\n\n// ─── Hook ─────────────────────────────────────────────────────\nexport function useFontLoader(options?: UseFontLoaderOptions) {\n  const {\n    langs = \"en\",\n    targetRef = document.documentElement,\n    apply = true,\n  } = options ?? {};\n\n  const langList = Array.isArray(langs) ? langs : [langs];\n  const validLangs = filterValidLangs(langList);\n\n  // --- 加载字体资源 ---\n  createEffect(() => {\n    loadGoogleFonts(validLangs);\n  });\n\n  // --- 将 data-lang 写入目标元素 ---\n  createEffect(() => {\n    if (!apply || validLangs.length === 0) return;\n\n    // targetRef 未传或 ref.current 尚未挂载时，回退到\n    const el = targetRef ?? document.documentElement;\n    const lang = validLangs[0];\n    const prev = el.getAttribute(\"data-lang\");\n\n    el.setAttribute(\"data-lang\", lang);\n\n    onCleanup(() => {\n      // 卸载时恢复：原本有值则还原，原本无则移除\n      if (prev === null) {\n        el.removeAttribute(\"data-lang\");\n      } else {\n        el.setAttribute(\"data-lang\", prev);\n      }\n    });\n  });\n}\n"],"mappings":";;AAGA,IAAM,IAAW;CACf,IAAI;EAAE,QAAQ;EAAS,SAAS;EAAe;CAC/C,IAAI;EAAE,QAAQ;EAAS,SAAS;EAAe;CAC/C,IAAI;EAAE,QAAQ;EAAS,SAAS;EAAe;CAC/C,IAAI;EAAE,QAAQ;EAAa,SAAS;EAAe;CACnD,WAAW;EAAE,QAAQ;EAAgB,SAAS;EAAe;CAC7D,WAAW;EAAE,QAAQ;EAAgB,SAAS;EAAe;CAC7D,IAAI;EAAE,QAAQ;EAAgB,SAAS;EAAe;CACtD,IAAI;EAAE,QAAQ;EAAgB,SAAS;EAAe;CACtD,IAAI;EAAE,QAAQ;EAAwB,SAAS;EAAe;CAC9D,IAAI;EAAE,QAAQ;EAAkB,SAAS;EAAe;CACxD,IAAI;EAAE,QAAQ;EAAqB,SAAS;EAAe;CAC3D,IAAI;EAAE,QAAQ;EAAoB,SAAS;EAAe;CAC1D,IAAI;EAAE,QAAQ;EAAoB,SAAS;EAAe;CAC1D,IAAI;EAAE,QAAQ;EAAoB,SAAS;EAAe;CAC3D,EAKK,oBAAS,IAAI,KAAa;AAEhC,SAAS,EAAiB,GAAyB;AACjD,QAAO,EAAM,QAAQ,MACf,KAAQ,IAAiB,MAC7B,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,sCAAsC,EAAK,uBACpB,OAAO,KAAK,EAAS,CAAC,KAAK,KAAK,GACxD,EAEI,IACP;;AAkCJ,SAAS,EAAgB,GAAqB;CAC5C,IAAM,IAAS,EAAM,QAAQ,MAAS,CAAC,EAAO,IAAI,EAAS,GAAM,OAAO,CAAC;AACzE,KAAI,EAAO,WAAW,EAAG;CAEzB,IAAM,IAAW,CACf,GAAG,IAAI,IACL,EAAO,KAAK,MAAS;EACnB,IAAM,EAAE,WAAQ,eAAY,EAAS;AACrC,SAAO,UAAU,EAAO,QAAQ;GAChC,CACH,CACF,EAEK,IAAO,SAAS,cAAc,OAAO;AAI3C,CAHA,EAAK,MAAM,cACX,EAAK,OAAO,qCAAqC,EAAS,KAAK,IAAI,CAAC,gBAEpE,SAAS,KAAK,YAAY,EAAK;AAC/B,MAAK,IAAM,KAAQ,EACjB,GAAO,IAAI,EAAS,GAAM,OAAO;;AAKrC,SAAgB,EAAc,GAAgC;CAC5D,IAAM,EACJ,WAAQ,MACR,eAAY,SAAS,iBACrB,WAAQ,OACN,KAAW,EAAE,EAGX,IAAa,EADF,MAAM,QAAQ,EAAM,GAAG,IAAQ,CAAC,EAAM,CACV;AAQ7C,CALA,QAAmB;AACjB,IAAgB,EAAW;GAC3B,EAGF,QAAmB;AACjB,MAAI,CAAC,KAAS,EAAW,WAAW,EAAG;EAGvC,IAAM,IAAK,KAAa,SAAS,iBAC3B,IAAO,EAAW,IAClB,IAAO,EAAG,aAAa,YAAY;AAIzC,EAFA,EAAG,aAAa,aAAa,EAAK,EAElC,QAAgB;AAEd,GAAI,MAAS,OACX,EAAG,gBAAgB,YAAY,GAE/B,EAAG,aAAa,aAAa,EAAK;IAEpC;GACF"}

package/dist/index.d.ts

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

package/dist/index.js

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