@neut/ui 0.0.15 → 0.0.17

package/dist/components/field/FieldSeparator/FieldSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSeparator.js","names":["Show","splitProps","clsx","FieldSeparatorProps","Separator","FieldSeparator","props","local","others","_el$","_tmpl$2","_$spread","_$mergeProps","data-content","children","class","_$insert","_$createComponent","when","_el$2","_tmpl$"],"sources":["../../../../src/components/field/FieldSeparator/FieldSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldSeparatorProps } from \"./FieldSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const FieldSeparator = (props: FieldSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!local.children}\n      class={clsx(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class=\"absolute inset-0 top-1/2\" />\n\n      <Show when={local.children}>\n        <span\n          class=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":";;;;;4MAKaK,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAiBuB,OAjBvBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkB,CAAC,CAACL,EAAMO;GAAQ;GAAA,IAAA,QAAA;IAAA,OACvBZ,EACL,6EACAK,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAS,EAAA,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAY,EAAAP,GAAAQ,EAETjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMO;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAK,IAAAC,EAAA;IAKP,OALOJ,EAAAG,SAKrBZ,EAAMO,QAAQ,GAAAK;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAV;CAAA,EAAA,CAAA;AAKzB"}
+{"version":3,"file":"FieldSeparator.js","names":["Show","splitProps","clsx","FieldSeparatorProps","Separator","FieldSeparator","props","local","others","_el$","_tmpl$2","_$spread","_$mergeProps","data-content","children","class","_$insert","_$createComponent","when","_el$2","_tmpl$","_$mergeProps","_$createComponent","_tmpl$","_tmpl$2","FieldSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","Separator","Show","_el$2"],"sources":["../../../../src/components/field/FieldSeparator/FieldSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldSeparatorProps } from \"./FieldSeparator.types\";\nimport { Separator } from \"~/components/separator\";\n\nexport const FieldSeparator = (props: FieldSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!local.children}\n      class={clsx(\n        \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\",\n        local.class,\n      )}\n      {...others}\n    >\n      <Separator class=\"absolute inset-0 top-1/2\" />\n\n      <Show when={local.children}>\n        <span\n          class=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":";;;;;4MAKaK,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAiBuB,OAjBvBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkB,CAAC,CAACL,EAAMO;GAAQ;GAAA,IAAAmB,QAAA;IAAA,OACvB/B,EACL,6EACAK,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAS,EAAA6B,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAjB,EAAAP,GAAAQ,EAETjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMO;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAK,IAAAC,EAAA;IAKP,OALOJ,EAAAG,SAKrBZ,EAAMO,QAAQ,GAAAK;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAV;CAAA,EAAA,CAAA;AAKzB"}

package/dist/components/field/FieldSet/FieldSet.d.ts

@@ -1,2 +1,2 @@
 import { FieldSetProps } from './FieldSet.types';
-export declare const FieldSet: (props: FieldSetProps) => import("solid-js").JSX.Element;
+export declare const FieldSet: (props: FieldSetProps) => import('solid-js').JSX.Element;

package/dist/components/field/FieldSet/FieldSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSet.js","names":["splitProps","FieldSetProps","clsx","FieldSet","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldSet/FieldSet.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { FieldSetProps } from \"./FieldSet.types\";\nimport { clsx } from \"~/utils\";\n\nexport const FieldSet = (props: FieldSetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      class={clsx(\n        \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EACL,oGACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldSet.js","names":["splitProps","FieldSetProps","clsx","FieldSet","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldSet","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldSet/FieldSet.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { FieldSetProps } from \"./FieldSet.types\";\nimport { clsx } from \"~/utils\";\n\nexport const FieldSet = (props: FieldSetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      class={clsx(\n        \"flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EACL,oGACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldTitle/FieldTitle.d.ts

@@ -1,2 +1,2 @@
 import { FieldTitleProps } from './FieldTitle.types';
-export declare const FieldTitle: (props: FieldTitleProps) => import("solid-js").JSX.Element;
+export declare const FieldTitle: (props: FieldTitleProps) => import('solid-js').JSX.Element;

package/dist/components/field/FieldTitle/FieldTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldTitle.js","names":["splitProps","clsx","FieldTitleProps","FieldTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldTitle/FieldTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldTitleProps } from \"./FieldTitle.types\";\n\nexport const FieldTitle = (props: FieldTitleProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-label\"\n      class={clsx(\n        \"flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWT,EACL,iGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldTitle.js","names":["splitProps","clsx","FieldTitleProps","FieldTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","FieldTitle","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/field/FieldTitle/FieldTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldTitleProps } from \"./FieldTitle.types\";\n\nexport const FieldTitle = (props: FieldTitleProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-label\"\n      class={clsx(\n        \"flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;wDAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,iGACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/hover-card/HoverCard/HoverCard.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { HoverCardProps } from '../hover-card.types';
+/**
+ * HoverCard 根:只管理开关状态与延迟计时,不渲染 DOM。
+ * 打开延迟默认 700ms、关闭延迟 300ms;trigger 上的 delay/closeDelay 优先。
+ */
+export declare function HoverCard(props: HoverCardProps): JSX.Element;

package/dist/components/hover-card/HoverCard/HoverCard.js

@@ -0,0 +1,47 @@
+import { HoverCardContext as e } from "../hover-card.context.js";
+import { createComponent as t } from "solid-js/web";
+import { createMemo as n, createSignal as r, createUniqueId as i, onCleanup as a } from "solid-js";
+//#region src/components/hover-card/HoverCard/HoverCard.tsx
+var o = 700, s = 300;
+function c(c) {
+	let [l, u] = r(c.defaultOpen ?? !1), d = n(() => c.open === void 0 ? l() : c.open), f = n(() => !!c.disabled), [p, m] = r(), [h, g] = r(), _, v, y = () => {
+		_ !== void 0 && (window.clearTimeout(_), _ = void 0), v !== void 0 && (window.clearTimeout(v), v = void 0);
+	}, b = (e) => {
+		c.open === void 0 && u(e), c.onOpenChange?.(e);
+	}, x = (e) => {
+		y(), !(f() || d()) && (_ = window.setTimeout(() => b(!0), e ?? c.delay ?? o));
+	}, S = (e) => {
+		y(), v = window.setTimeout(() => b(!1), e ?? c.closeDelay ?? s);
+	}, C = () => {
+		f() || (y(), b(!0));
+	}, w = () => {
+		y(), b(!1);
+	}, T = () => {
+		v !== void 0 && (window.clearTimeout(v), v = void 0);
+	};
+	a(y);
+	let E = {
+		open: d,
+		disabled: f,
+		contentId: `hover-card-${i()}`,
+		reference: p,
+		setReference: m,
+		floating: h,
+		setFloating: g,
+		requestOpen: x,
+		requestClose: S,
+		openImmediate: C,
+		closeImmediate: w,
+		keepOpen: T
+	};
+	return t(e.Provider, {
+		value: E,
+		get children() {
+			return c.children;
+		}
+	});
+}
+//#endregion
+export { c as HoverCard };
+
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/hover-card/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","names":["createMemo","createSignal","createUniqueId","onCleanup","JSX","HoverCardContext","HoverCardContextValue","HoverCardProps","DEFAULT_DELAY","DEFAULT_CLOSE_DELAY","HoverCard","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","reference","setReference","floating","setFloating","HTMLElement","openTimer","closeTimer","clearTimers","window","clearTimeout","commit","next","onOpenChange","requestOpen","delayOverride","setTimeout","delay","requestClose","closeDelayOverride","closeDelay","openImmediate","closeImmediate","keepOpen","ctx","contentId","_$createComponent","Provider","value","children","_$createComponent","DEFAULT_DELAY","DEFAULT_CLOSE_DELAY","HoverCard","internalOpen","setInternalOpen","createSignal","props","open","createMemo","disabled","reference","setReference","floating","setFloating","openTimer","closeTimer","clearTimers","commit","next","requestOpen","delayOverride","requestClose","closeDelayOverride","openImmediate","closeImmediate","keepOpen","ctx","createUniqueId","createComponent","HoverCardContext"],"sources":["../../../../src/components/hover-card/HoverCard/HoverCard.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { HoverCardContext } from \"../hover-card.context\";\nimport type {\n  HoverCardContextValue,\n  HoverCardProps,\n} from \"../hover-card.types\";\n\nconst DEFAULT_DELAY = 700;\nconst DEFAULT_CLOSE_DELAY = 300;\n\n/**\n * HoverCard 根:只管理开关状态与延迟计时,不渲染 DOM。\n * 打开延迟默认 700ms、关闭延迟 300ms;trigger 上的 delay/closeDelay 优先。\n */\nexport function HoverCard(props: HoverCardProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n\n  let openTimer: number | undefined;\n  let closeTimer: number | undefined;\n  const clearTimers = () => {\n    if (openTimer !== undefined) {\n      window.clearTimeout(openTimer);\n      openTimer = undefined;\n    }\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const requestOpen = (delayOverride?: number) => {\n    clearTimers();\n    if (disabled() || open()) return;\n    openTimer = window.setTimeout(\n      () => commit(true),\n      delayOverride ?? props.delay ?? DEFAULT_DELAY,\n    );\n  };\n\n  const requestClose = (closeDelayOverride?: number) => {\n    clearTimers();\n    closeTimer = window.setTimeout(\n      () => commit(false),\n      closeDelayOverride ?? props.closeDelay ?? DEFAULT_CLOSE_DELAY,\n    );\n  };\n\n  const openImmediate = () => {\n    if (disabled()) return;\n    clearTimers();\n    commit(true);\n  };\n\n  const closeImmediate = () => {\n    clearTimers();\n    commit(false);\n  };\n\n  const keepOpen = () => {\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  onCleanup(clearTimers);\n\n  const ctx: HoverCardContextValue = {\n    open,\n    disabled,\n    contentId: `hover-card-${createUniqueId()}`,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    requestOpen,\n    requestClose,\n    openImmediate,\n    closeImmediate,\n    keepOpen,\n  };\n\n  return (\n    <HoverCardContext.Provider value={ctx}>\n      {props.children}\n    </HoverCardContext.Provider>\n  );\n}\n"],"mappings":";;;;AAaA,IAAMQ,IAAgB,KAChBC,IAAsB;AAM5B,SAAgBC,EAAUC,GAAoC;CAC5D,IAAM,CAACE,GAAcC,KAAmBb,EACtCU,EAAMI,eAAe,EACvB,GACMC,IAAOhB,QACXW,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACME,IAAWlB,QAAiB,CAAC,CAACW,EAAMO,QAAQ,GAE5C,CAACC,GAAWC,KAAgBnB,EAAsB,GAClD,CAACoB,GAAUC,KAAerB,EAA0B,GAEtDuB,GACAC,GACEC,UAAoB;EAKxB,AAJIF,MAAcP,KAAAA,MAChBU,OAAOC,aAAaJ,CAAS,GAC7BA,IAAYP,KAAAA,IAEVQ,MAAeR,KAAAA,MACjBU,OAAOC,aAAaH,CAAU,GAC9BA,IAAaR,KAAAA;CAEjB,GAEMY,KAAUC,MAAkB;EAEhCnB,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgBgB,CAAI,GAClDnB,EAAMoB,eAAeD,CAAI;CAC3B,GAEME,KAAeC,MAA2B;EAE9C,AADAP,EAAY,GACRR,IAAS,KAAKF,EAAK,OACvBQ,IAAYG,OAAOO,iBACXL,EAAO,EAAI,GACjBI,KAAiBtB,EAAMwB,SAAS3B,CAClC;CACF,GAEM4B,KAAgBC,MAAgC;EAEpDZ,AADAC,EAAY,GACZD,IAAaE,OAAOO,iBACZL,EAAO,EAAK,GAClBQ,KAAsB1B,EAAM2B,cAAc7B,CAC5C;CACF,GAEM8B,UAAsB;EAC1B,AAAIrB,EAAS,MACbQ,EAAY,GACZG,EAAO,EAAI;CACb,GAEMW,UAAuB;EAE3BX,AADAH,EAAY,GACZG,EAAO,EAAK;CACd,GAEMY,UAAiB;EACrB,AAAIhB,MAAeR,KAAAA,MACjBU,OAAOC,aAAaH,CAAU,GAC9BA,IAAaR,KAAAA;CAEjB;CAEAd,EAAUuB,CAAW;CAErB,IAAMgB,IAA6B;EACjC1B;EACAE;EACAyB,WAAW,cAAczC,EAAe;EACxCiB;EACAC;EACAC;EACAC;EACAU;EACAI;EACAG;EACAC;EACAC;CACF;CAEA,OAAAG,EACGvC,EAAiBwC,UAAQ;EAACC,OAAOJ;EAAG,IAAAK,WAAA;GAAA,OAClCpC,EAAMoC;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/hover-card/HoverCard/index.d.ts

@@ -0,0 +1 @@
+export { HoverCard } from './HoverCard';

package/dist/components/hover-card/HoverCardContent/HoverCardContent.d.ts

@@ -0,0 +1,6 @@
+import { HoverCardContentProps } from '../hover-card.types';
+/**
+ * HoverCard 浮层:Portal 到 body,position:fixed 定位。
+ * 内容可交互——鼠标移入取消关闭计时(keepOpen),移出才走 closeDelay。
+ */
+export declare function HoverCardContent(props: HoverCardContentProps): import('solid-js').JSX.Element;

package/dist/components/hover-card/HoverCardContent/HoverCardContent.js

@@ -0,0 +1,74 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { getAlignment as t, getSide as n } from "../../../lib/positioner/core/placement.js";
+import { getTransformOrigin as r } from "../../../lib/positioner/utils/floating.js";
+import { useHoverCardContent as i } from "./useHoverCardContent.js";
+import { Portal as a, createComponent as o, effect as s, insert as c, mergeProps as l, setAttribute as u, spread as d, style as f, template as p, use as m } from "solid-js/web";
+import { Show as h, onCleanup as g, splitProps as _ } from "solid-js";
+//#region src/components/hover-card/HoverCardContent/HoverCardContent.tsx
+var v = /*#__PURE__*/ p("<div style=z-index:1000><div>");
+function y(p) {
+	let { ctx: y, pos: b, mounted: x, animationState: S, setContentElement: C } = i(() => p), [w, T] = _(p, [
+		"side",
+		"align",
+		"sideOffset",
+		"alignOffset",
+		"collisionPadding",
+		"class",
+		"style",
+		"children"
+	]);
+	return o(h, {
+		get when() {
+			return x();
+		},
+		get children() {
+			return o(a, { get children() {
+				var i = v(), a = i.firstChild;
+				return m((e) => {
+					y.setFloating(e), g(() => y.setFloating(void 0));
+				}, i), m(C, a), d(a, l(T, {
+					get id() {
+						return y.contentId;
+					},
+					role: "dialog",
+					"data-slot": "hover-card-content",
+					get "data-state"() {
+						return S();
+					},
+					get "data-side"() {
+						return n(b.placement());
+					},
+					get "data-align"() {
+						return t(b.placement()) ?? "center";
+					},
+					get onMouseEnter() {
+						return y.keepOpen;
+					},
+					onMouseLeave: () => y.requestClose(),
+					get style() {
+						return {
+							"transform-origin": r(b.placement()),
+							...typeof w.style == "object" ? w.style : void 0
+						};
+					},
+					get class() {
+						return e("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "data-[side=top]:slide-in-from-bottom-2 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", w.class);
+					}
+				}), !1, !0), c(a, () => w.children), s((e) => {
+					var t = b.placement(), n = {
+						...b.floatingStyles(),
+						opacity: +!!b.isPositioned()
+					};
+					return t !== e.e && u(i, "data-placement", e.e = t), e.t = f(i, n, e.t), e;
+				}, {
+					e: void 0,
+					t: void 0
+				}), i;
+			} });
+		}
+	});
+}
+//#endregion
+export { y as HoverCardContent };
+
+//# sourceMappingURL=HoverCardContent.js.map

package/dist/components/hover-card/HoverCardContent/HoverCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.js","names":["Show","onCleanup","splitProps","Portal","getAlignment","getSide","getTransformOrigin","clsx","useHoverCardContent","HoverCardContentProps","HoverCardContent","props","ctx","pos","mounted","animationState","setContentElement","local","rest","_$createComponent","when","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-state","data-side","placement","data-align","onMouseEnter","keepOpen","onMouseLeave","requestClose","style","class","_$insert","_$effect","_p$","_v$","_v$2","floatingStyles","opacity","isPositioned","e","_$setAttribute","t","_$style","_$createComponent","_$mergeProps","_$setAttribute","_$style","_tmpl$","HoverCardContent","useHoverCardContent","props","local","rest","splitProps","createComponent","Show","mounted","Portal","_el$","_el$2","use","ctx","el","onCleanup","setContentElement","spread","mergeProps","\"role\"","animationState","getSide","pos","getAlignment","\"onMouseLeave\"","getTransformOrigin","\"class\"","clsx","insert","effect","_v$","_v$2","_p$","setAttribute","style"],"sources":["../../../../src/components/hover-card/HoverCardContent/HoverCardContent.tsx"],"sourcesContent":["import { Show, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { getAlignment, getSide, getTransformOrigin } from \"~/lib\";\nimport { clsx } from \"~/utils\";\nimport { useHoverCardContent } from \"./useHoverCardContent\";\nimport type { HoverCardContentProps } from \"../hover-card.types\";\n\n/**\n * HoverCard 浮层:Portal 到 body,position:fixed 定位。\n * 内容可交互——鼠标移入取消关闭计时(keepOpen),移出才走 closeDelay。\n */\nexport function HoverCardContent(props: HoverCardContentProps) {\n  const { ctx, pos, mounted, animationState, setContentElement } =\n    useHoverCardContent(() => props);\n\n  const [local, rest] = splitProps(props, [\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"alignOffset\",\n    \"collisionPadding\",\n    \"class\",\n    \"style\",\n    \"children\",\n  ]);\n\n  return (\n    <Show when={mounted()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          data-placement={pos.placement()}\n          style={{\n            ...pos.floatingStyles(),\n            \"z-index\": 1000,\n            opacity: pos.isPositioned() ? 1 : 0,\n          }}\n        >\n          <div\n            {...rest}\n            ref={setContentElement}\n            id={ctx.contentId}\n            role=\"dialog\"\n            data-slot=\"hover-card-content\"\n            data-state={animationState()}\n            data-side={getSide(pos.placement())}\n            data-align={getAlignment(pos.placement()) ?? \"center\"}\n            onMouseEnter={ctx.keepOpen}\n            onMouseLeave={() => ctx.requestClose()}\n            style={{\n              \"transform-origin\": getTransformOrigin(pos.placement()),\n              ...(typeof local.style === \"object\" ? local.style : undefined),\n            }}\n            class={clsx(\n              \"z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none\",\n              \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n              \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n              \"data-[side=top]:slide-in-from-bottom-2 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n              local.class,\n            )}\n          >\n            {local.children}\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgBU,EAAiBC,GAA8B;CAC7D,IAAM,EAAEC,QAAKC,QAAKC,YAASC,mBAAgBC,yBACzCR,QAA0BG,CAAK,GAE3B,CAACM,GAAOC,KAAQhB,EAAWS,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAQ,EACGnB,GAAI;EAAA,IAACoB,OAAI;GAAA,OAAEN,EAAQ;EAAC;EAAA,IAAAO,WAAA;GAAA,OAAAF,EAClBhB,GAAM,EAAA,IAAAkB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAWF,OAXEC,GAEGC,MAAO;KAEX1B,AADAW,EAAIgB,YAAYD,CAAE,GAClB1B,QAAgBW,EAAIgB,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAI,EAUMV,GAAiBQ,CAAA,GAAAM,EAAAN,GAAAO,EADlBb,GAAI;KAAA,IAERc,KAAE;MAAA,OAAEpB,EAAIqB;KAAS;KAAA+C,MACZ;KAAQ,aACH;KAAoB,IAAA,eAAA;MAAA,OAClBjE,EAAe;KAAC;KAAA,IAAA,cAAA;MAAA,OACjBV,EAAQQ,EAAIuB,UAAU,CAAC;KAAC;KAAA,IAAA,eAAA;MAAA,OACvBhC,EAAaS,EAAIuB,UAAU,CAAC,KAAK;KAAQ;KAAA,IACrDE,eAAY;MAAA,OAAE1B,EAAI2B;KAAQ;KAAA8C,oBACNzE,EAAI6B,aAAa;KAAC,IACtCC,QAAK;MAAA,OAAE;OACL,oBAAoBpC,EAAmBO,EAAIuB,UAAU,CAAC;OACtD,GAAI,OAAOnB,EAAMyB,SAAU,WAAWzB,EAAMyB,QAAQb,KAAAA;MACtD;KAAC;KAAA,IAAA0D,QAAA;MAAA,OACMhF,EACL,6FACA,yFACA,kGACA,+JACAU,EAAM0B,KACR;KAAC;IAAA,CAAA,GAAA,IAAA,EAAA,GAAAC,EAAApB,SAEAP,EAAMI,QAAQ,GAAAwB,GAAAC,MAAA;KAAA,IAAAC,IA9BDlC,EAAIuB,UAAU,GAACY,IACxB;MACL,GAAGnC,EAAIoC,eAAe;MAEtBC,SAASrC,KAAIsC,aAAa;KAC5B;KAAC,OAAAJ,MAAAD,EAAAM,KAAAC,EAAA/B,GAAA,kBAAAwB,EAAAM,IAAAL,CAAA,GAAAD,EAAAQ,IAAAC,EAAAjC,GAAA0B,GAAAF,EAAAQ,CAAA,GAAAR;IAAA,GAAA;KAAAM,GAAAvB,KAAAA;KAAAyB,GAAAzB,KAAAA;IAAA,CAAA,GAAAP;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AA+BX"}

package/dist/components/hover-card/HoverCardContent/index.d.ts

@@ -0,0 +1 @@
+export { HoverCardContent } from './HoverCardContent';

package/dist/components/hover-card/HoverCardContent/useHoverCardContent.d.ts

@@ -0,0 +1,16 @@
+import { HoverCardContentProps } from '../hover-card.types';
+/**
+ * HoverCardContent 的定位与挂载生命周期:
+ * - createPositioner 用 offset/flip/shift/hide/containingBlockOffset 定位;
+ * - 打开时延迟一帧再切 animationState,保证 transform-origin 已由最终
+ *   placement 算好(否则缩放锚点会先落在错误的边);
+ * - 关闭时靠 animationend(带兜底超时)再卸载,让退场动画播完。
+ */
+export declare function useHoverCardContent(props: () => HoverCardContentProps): {
+    ctx: import('..').HoverCardContextValue;
+    pos: import('../../../lib').Positioner;
+    mounted: import('solid-js').Accessor<boolean>;
+    animationState: import('solid-js').Accessor<"open" | "closed">;
+    contentElement: import('solid-js').Accessor<HTMLElement | undefined>;
+    setContentElement: import('solid-js').Setter<HTMLElement | undefined>;
+};

package/dist/components/hover-card/HoverCardContent/useHoverCardContent.js

@@ -0,0 +1,58 @@
+import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
+import { offset as t } from "../../../lib/positioner/middleware/offset.js";
+import { shift as n } from "../../../lib/positioner/middleware/shift.js";
+import { flip as r } from "../../../lib/positioner/middleware/flip.js";
+import { hide as i } from "../../../lib/positioner/middleware/hide.js";
+import { containingBlockOffset as a } from "../../../lib/positioner/middleware/containing-block-offset.js";
+import { toPlacement as o } from "../../../lib/positioner/utils/floating.js";
+import { useHoverCardContext as s } from "../hover-card.context.js";
+import { createEffect as c, createMemo as l, createSignal as u, onCleanup as d } from "solid-js";
+//#region src/components/hover-card/HoverCardContent/useHoverCardContent.ts
+var f = 300;
+function p(p) {
+	let m = s("HoverCardContent"), h = e(m.reference, m.floating, {
+		placement: () => o(p().side ?? "bottom", p().align ?? "center", p().dir),
+		strategy: "fixed",
+		middleware: () => [
+			t({
+				mainAxis: p().sideOffset ?? 4,
+				crossAxis: p().alignOffset ?? 4
+			}),
+			r(),
+			n({ padding: p().collisionPadding ?? 8 }),
+			i(),
+			a()
+		]
+	}), g = l(() => m.open() && !h.middlewareData().hide?.referenceHidden), [_, v] = u("closed");
+	c(() => {
+		if (g()) {
+			let e = requestAnimationFrame(() => v("open"));
+			d(() => cancelAnimationFrame(e));
+		} else v("closed");
+	});
+	let [y, b] = u(), [x, S] = u(g());
+	return c((e) => {
+		let t = g(), n = y();
+		if (t) S(!0);
+		else if (e && n) {
+			let e = (e) => {
+				e.target === n && S(!1);
+			};
+			n.addEventListener("animationend", e), d(() => n.removeEventListener("animationend", e));
+			let t = window.setTimeout(() => S(!1), f);
+			d(() => window.clearTimeout(t));
+		} else t || S(!1);
+		return t;
+	}, g()), {
+		ctx: m,
+		pos: h,
+		mounted: x,
+		animationState: _,
+		contentElement: y,
+		setContentElement: b
+	};
+}
+//#endregion
+export { p as useHoverCardContent };
+
+//# sourceMappingURL=useHoverCardContent.js.map

package/dist/components/hover-card/HoverCardContent/useHoverCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverCardContent.js","names":["EXIT_FALLBACK_MS","useHoverCardContent","ctx","useHoverCardContext","pos","createPositioner","toPlacement","props","offset","flip","shift","hide","containingBlockOffset","isVisible","createMemo","animationState","setAnimationState","createSignal","raf","contentElement","setContentElement","mounted","setMounted","createEffect","visible","el","wasVisible","handleAnimationEnd","event","onCleanup","fallback"],"sources":["../../../../src/components/hover-card/HoverCardContent/useHoverCardContent.ts"],"sourcesContent":["import { createEffect, createMemo, createSignal, onCleanup } from \"solid-js\";\nimport {\n  containingBlockOffset,\n  createPositioner,\n  flip,\n  hide,\n  offset,\n  shift,\n} from \"~/lib\";\nimport { toPlacement } from \"~/lib\";\nimport { useHoverCardContext } from \"../hover-card.context\";\nimport type { HoverCardContentProps } from \"../hover-card.types\";\n\n/** 未触发 animationend 时的兜底卸载延迟 */\nconst EXIT_FALLBACK_MS = 300;\n\n/**\n * HoverCardContent 的定位与挂载生命周期:\n * - createPositioner 用 offset/flip/shift/hide/containingBlockOffset 定位;\n * - 打开时延迟一帧再切 animationState,保证 transform-origin 已由最终\n *   placement 算好(否则缩放锚点会先落在错误的边);\n * - 关闭时靠 animationend(带兜底超时)再卸载,让退场动画播完。\n */\nexport function useHoverCardContent(props: () => HoverCardContentProps) {\n  const ctx = useHoverCardContext(\"HoverCardContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () =>\n      toPlacement(\n        props().side ?? \"bottom\",\n        props().align ?? \"center\",\n        props().dir,\n      ),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: props().sideOffset ?? 4,\n        crossAxis: props().alignOffset ?? 4,\n      }),\n      flip(),\n      shift({ padding: props().collisionPadding ?? 8 }),\n      hide(),\n      containingBlockOffset(),\n    ],\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n  const [mounted, setMounted] = createSignal(isVisible());\n\n  createEffect((wasVisible: boolean) => {\n    const visible = isVisible();\n    const el = contentElement();\n    if (visible) {\n      setMounted(true);\n    } else if (wasVisible && el) {\n      const handleAnimationEnd = (event: AnimationEvent) => {\n        if (event.target !== el) return;\n        setMounted(false);\n      };\n      el.addEventListener(\"animationend\", handleAnimationEnd);\n      onCleanup(() =>\n        el.removeEventListener(\"animationend\", handleAnimationEnd),\n      );\n      const fallback = window.setTimeout(\n        () => setMounted(false),\n        EXIT_FALLBACK_MS,\n      );\n      onCleanup(() => window.clearTimeout(fallback));\n    } else if (!visible) {\n      setMounted(false);\n    }\n    return visible;\n  }, isVisible());\n\n  return {\n    ctx,\n    pos,\n    mounted,\n    animationState,\n    contentElement,\n    setContentElement,\n  };\n}\n"],"mappings":";;;;;;;;;;AAcA,IAAMA,IAAmB;AASzB,SAAgBC,EAAoB,GAAoC;CACtE,IAAMC,IAAMC,EAAoB,kBAAkB,GAE5CC,IAAMC,EAAiBH,EAAI,WAAWA,EAAI,UAAU;EACxD,iBACEI,EACEC,EAAM,CAAC,CAAC,QAAQ,UAChBA,EAAM,CAAC,CAAC,SAAS,UACjBA,EAAM,CAAC,CAAC,GACV;EACF,UAAU;EACV,kBAAkB;GAChBC,EAAO;IACL,UAAUD,EAAM,CAAC,CAAC,cAAc;IAChC,WAAWA,EAAM,CAAC,CAAC,eAAe;GACpC,CAAC;GACDE,EAAK;GACLC,EAAM,EAAE,SAASH,EAAM,CAAC,CAAC,oBAAoB,EAAE,CAAC;GAChDI,EAAK;GACLC,EAAsB;EACxB;CACF,CAAC,GAEKC,IAAYC,QACVZ,EAAI,KAAK,KAAK,CAACE,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD,GAEM,CAACW,GAAgBC,KAAqBC,EAC1C,QACF;CACA,QAAmB;EACjB,IAAIJ,EAAU,GAAG;GACf,IAAMK,IAAM,4BAA4BF,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqBE,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC;CAED,IAAM,CAACC,GAAgBC,KAAqBH,EAA0B,GAChE,CAACI,GAASC,KAAcL,EAAaJ,EAAU,CAAC;CA2BtD,OAzBAU,GAAc,MAAwB;EACpC,IAAMC,IAAUX,EAAU,GACpBY,IAAKN,EAAe;EAC1B,IAAIK,GACF,EAAW,EAAI;OACV,IAAIE,KAAcD,GAAI;GAC3B,IAAME,KAAsB,MAA0B;IACpD,AAAIC,EAAM,WAAWH,KACrBH,EAAW,EAAK;GAClB;GAEA,AADAG,EAAG,iBAAiB,gBAAgBE,CAAkB,GACtDE,QACEJ,EAAG,oBAAoB,gBAAgBE,CAAkB,CAC3D;GACA,IAAMG,IAAW,OAAO,iBAChBR,EAAW,EAAK,GACtBtB,CACF;GACA,QAAgB,OAAO,aAAa8B,CAAQ,CAAC;EAC/C,OAAO,AAAKN,KACVF,EAAW,EAAK;EAElB,OAAOE;CACT,GAAGX,EAAU,CAAC,GAEP;EACL;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/dist/components/hover-card/HoverCardTrigger/HoverCardTrigger.d.ts

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { HoverCardTriggerProps } from '../hover-card.types';
+/** 默认渲染无样式的 <a>;需要按钮/链接样式时用 `component={Button}` 指定 */
+export declare const HoverCardTrigger: <T extends ValidComponent = "a">(props: HoverCardTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/hover-card/HoverCardTrigger/HoverCardTrigger.js

@@ -0,0 +1,40 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { useHoverCardTrigger as t } from "./useHoverCardTrigger.js";
+import { Dynamic as n, createComponent as r, memo as i, mergeProps as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+//#region src/components/hover-card/HoverCardTrigger/HoverCardTrigger.tsx
+var s = (s) => {
+	let [c, l] = o(s, [
+		"delay",
+		"closeDelay",
+		"disabled",
+		"component"
+	]), { ctx: u, attachListeners: d } = t({
+		delay: () => c.delay,
+		closeDelay: () => c.closeDelay,
+		disabled: () => c.disabled
+	});
+	return r(n, a(l, {
+		get component() {
+			return c.component ?? "a";
+		},
+		ref(t) {
+			var n = e(u.setReference, s.ref, d);
+			typeof n == "function" && n(t);
+		},
+		"data-slot": "hover-card-trigger",
+		get "data-state"() {
+			return u.open() ? "open" : "closed";
+		},
+		get "data-popup-open"() {
+			return u.open() ? "" : void 0;
+		},
+		get "aria-describedby"() {
+			return i(() => !!u.open())() ? u.contentId : void 0;
+		}
+	}));
+};
+//#endregion
+export { s as HoverCardTrigger };
+
+//# sourceMappingURL=HoverCardTrigger.js.map

package/dist/components/hover-card/HoverCardTrigger/HoverCardTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.js","names":["splitProps","ValidComponent","Dynamic","mergeRefs","useHoverCardTrigger","HoverCardTriggerProps","HoverCardTrigger","props","T","local","rest","ctx","attachListeners","delay","closeDelay","disabled","_$createComponent","_$mergeProps","component","ref","r$","_ref$","setReference","el","Element","data-state","open","data-popup-open","undefined","aria-describedby","_$memo","contentId","_$createComponent","_$mergeProps","_$memo","HoverCardTrigger","local","rest","splitProps","props","useHoverCardTrigger","createComponent","Dynamic","mergeProps","_ref$","mergeRefs","ctx","attachListeners","r$","memo"],"sources":["../../../../src/components/hover-card/HoverCardTrigger/HoverCardTrigger.tsx"],"sourcesContent":["import { splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { mergeRefs } from \"~/utils\";\nimport { useHoverCardTrigger } from \"./useHoverCardTrigger\";\nimport type { HoverCardTriggerProps } from \"../hover-card.types\";\n\n/** 默认渲染无样式的 <a>;需要按钮/链接样式时用 `component={Button}` 指定 */\nexport const HoverCardTrigger = <T extends ValidComponent = \"a\">(\n  props: HoverCardTriggerProps<T>,\n) => {\n  const [local, rest] = splitProps(props, [\n    \"delay\",\n    \"closeDelay\",\n    \"disabled\",\n    \"component\",\n  ]);\n\n  const { ctx, attachListeners } = useHoverCardTrigger({\n    delay: () => local.delay,\n    closeDelay: () => local.closeDelay,\n    disabled: () => local.disabled,\n  });\n\n  return (\n    <Dynamic\n      {...rest}\n      component={(local.component as ValidComponent) ?? \"a\"}\n      ref={mergeRefs(\n        ctx.setReference,\n        props.ref as ((el: Element) => void) | undefined,\n        attachListeners,\n      )}\n      data-slot=\"hover-card-trigger\"\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-popup-open={ctx.open() ? \"\" : undefined}\n      aria-describedby={ctx.open() ? ctx.contentId : undefined}\n    />\n  );\n};\n"],"mappings":";;;;;AAOA,IAAaM,KACXC,MACG;CACH,IAAM,CAACE,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;CAAW,CACZ,GAEK,EAAEI,QAAKC,uBAAoBR,EAAoB;EACnDS,aAAaJ,EAAMI;EACnBC,kBAAkBL,EAAMK;EACxBC,gBAAgBN,EAAMM;CACxB,CAAC;CAED,OAAAC,EACGd,GAAOe,EACFP,GAAI;EAAA,IACRQ,YAAS;GAAA,OAAGT,EAAMS,aAAgC;EAAG;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAChDlB,EACHQ,EAAIW,cACJf,EAAMY,KACNP,CACF;GAAC,OAAAS,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,aAAA;EAAA,IAAA,eAAA;GAAA,OAEWT,EAAIe,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,oBAAA;GAAA,OACzBf,EAAIe,KAAK,IAAI,KAAKE,KAAAA;EAAS;EAAA,IAAA,qBAAA;GAAA,OAC1BE,QAAA,CAAA,CAAAnB,EAAIe,KAAK,CAAC,CAAA,CAAA,IAAGf,EAAIoB,YAAYH,KAAAA;EAAS;CAAA,CAAA,CAAA;AAG9D"}

package/dist/components/hover-card/HoverCardTrigger/index.d.ts

@@ -0,0 +1 @@
+export { HoverCardTrigger } from './HoverCardTrigger';

package/dist/components/hover-card/HoverCardTrigger/useHoverCardTrigger.d.ts

@@ -0,0 +1,18 @@
+interface Options {
+    delay: () => number | undefined;
+    closeDelay: () => number | undefined;
+    disabled: () => boolean | undefined;
+}
+/**
+ * Trigger 的悬停/聚焦行为:
+ * - pointerenter/pointerleave 走 open/close 延迟(trigger 的 delay/closeDelay 优先于根);
+ * - focus 跳过延迟立即打开(键盘可达),blur 立即关闭;
+ * - Escape 关闭并阻止冒泡;
+ * - 刚发生 pointerdown 时忽略紧随其后的 focus——点击一个可聚焦元素浏览器会
+ *   自动 focus,不应因此把卡片打开。
+ */
+export declare function useHoverCardTrigger(options: Options): {
+    ctx: import('..').HoverCardContextValue;
+    attachListeners: (el: Element) => void;
+};
+export {};

package/dist/components/hover-card/HoverCardTrigger/useHoverCardTrigger.js

@@ -0,0 +1,34 @@
+import { useHoverCardContext as e } from "../hover-card.context.js";
+import { onCleanup as t } from "solid-js";
+//#region src/components/hover-card/HoverCardTrigger/useHoverCardTrigger.ts
+function n(n) {
+	let r = e("HoverCardTrigger"), i = () => r.disabled() || !!n.disabled();
+	return {
+		ctx: r,
+		attachListeners: (e) => {
+			let a = !1, o = () => {
+				i() || r.requestOpen(n.delay());
+			}, s = () => {
+				r.requestClose(n.closeDelay());
+			}, c = () => {
+				a || i() || r.openImmediate();
+			}, l = () => {
+				r.closeImmediate();
+			}, u = (e) => {
+				let t = e;
+				t.key === "Escape" && r.open() && (t.stopPropagation(), r.closeImmediate());
+			}, d = () => {
+				a = !0;
+			}, f = () => {
+				a = !1;
+			};
+			e.addEventListener("pointerenter", o), e.addEventListener("pointerleave", s), e.addEventListener("focus", c), e.addEventListener("blur", l), e.addEventListener("keydown", u), e.addEventListener("mousedown", d), document.addEventListener("mouseup", f), t(() => {
+				e.removeEventListener("pointerenter", o), e.removeEventListener("pointerleave", s), e.removeEventListener("focus", c), e.removeEventListener("blur", l), e.removeEventListener("keydown", u), e.removeEventListener("mousedown", d), document.removeEventListener("mouseup", f);
+			});
+		}
+	};
+}
+//#endregion
+export { n as useHoverCardTrigger };
+
+//# sourceMappingURL=useHoverCardTrigger.js.map

package/dist/components/hover-card/HoverCardTrigger/useHoverCardTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHoverCardTrigger.js","names":["useHoverCardTrigger","ctx","useHoverCardContext","isDisabled","options","pointerDown","onPointerEnter","onPointerLeave","onFocus","onBlur","onKeyDown","keyboard","event","onMouseDown","onDocumentMouseUp","el","onCleanup"],"sources":["../../../../src/components/hover-card/HoverCardTrigger/useHoverCardTrigger.ts"],"sourcesContent":["import { onCleanup } from \"solid-js\";\nimport { useHoverCardContext } from \"../hover-card.context\";\n\ninterface Options {\n  delay: () => number | undefined;\n  closeDelay: () => number | undefined;\n  disabled: () => boolean | undefined;\n}\n\n/**\n * Trigger 的悬停/聚焦行为:\n * - pointerenter/pointerleave 走 open/close 延迟(trigger 的 delay/closeDelay 优先于根);\n * - focus 跳过延迟立即打开(键盘可达),blur 立即关闭;\n * - Escape 关闭并阻止冒泡;\n * - 刚发生 pointerdown 时忽略紧随其后的 focus——点击一个可聚焦元素浏览器会\n *   自动 focus,不应因此把卡片打开。\n */\nexport function useHoverCardTrigger(options: Options) {\n  const ctx = useHoverCardContext(\"HoverCardTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!options.disabled();\n\n  const attachListeners = (el: Element) => {\n    let pointerDown = false;\n\n    const onPointerEnter = () => {\n      if (isDisabled()) return;\n      ctx.requestOpen(options.delay());\n    };\n    const onPointerLeave = () => {\n      ctx.requestClose(options.closeDelay());\n    };\n    const onFocus = () => {\n      if (pointerDown || isDisabled()) return;\n      ctx.openImmediate();\n    };\n    const onBlur = () => {\n      ctx.closeImmediate();\n    };\n    const onKeyDown = (event: Event) => {\n      const keyboard = event as KeyboardEvent;\n      if (keyboard.key === \"Escape\" && ctx.open()) {\n        keyboard.stopPropagation();\n        ctx.closeImmediate();\n      }\n    };\n    const onMouseDown = () => {\n      pointerDown = true;\n    };\n    const onDocumentMouseUp = () => {\n      pointerDown = false;\n    };\n\n    el.addEventListener(\"pointerenter\", onPointerEnter);\n    el.addEventListener(\"pointerleave\", onPointerLeave);\n    el.addEventListener(\"focus\", onFocus);\n    el.addEventListener(\"blur\", onBlur);\n    el.addEventListener(\"keydown\", onKeyDown);\n    el.addEventListener(\"mousedown\", onMouseDown);\n    document.addEventListener(\"mouseup\", onDocumentMouseUp);\n\n    onCleanup(() => {\n      el.removeEventListener(\"pointerenter\", onPointerEnter);\n      el.removeEventListener(\"pointerleave\", onPointerLeave);\n      el.removeEventListener(\"focus\", onFocus);\n      el.removeEventListener(\"blur\", onBlur);\n      el.removeEventListener(\"keydown\", onKeyDown);\n      el.removeEventListener(\"mousedown\", onMouseDown);\n      document.removeEventListener(\"mouseup\", onDocumentMouseUp);\n    });\n  };\n\n  return { ctx, attachListeners };\n}\n"],"mappings":";;;AAiBA,SAAgBA,EAAoB,GAAkB;CACpD,IAAMC,IAAMC,EAAoB,kBAAkB,GAE5CC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAQ,SAAS;CAoD9D,OAAO;EAAE;EAAK,kBAlDW,MAAgB;GACvC,IAAIC,IAAc,IAEZC,UAAuB;IAC3B,AAAIH,EAAW,KACfF,EAAI,YAAYG,EAAQ,MAAM,CAAC;GACjC,GACMG,UAAuB;IAC3B,EAAI,aAAaH,EAAQ,WAAW,CAAC;GACvC,GACMI,UAAgB;IACpB,AAAIH,KAAeF,EAAW,KAC9BF,EAAI,cAAc;GACpB,GACMQ,UAAe;IACnB,EAAI,eAAe;GACrB,GACMC,KAAa,MAAiB;IAClC,IAAMC,IAAWC;IACjB,AAAID,EAAS,QAAQ,YAAYV,EAAI,KAAK,MACxCU,EAAS,gBAAgB,GACzBV,EAAI,eAAe;GAEvB,GACMY,UAAoB;IACxB,IAAc;GAChB,GACMC,UAA0B;IAC9B,IAAc;GAChB;GAUA,AARAC,EAAG,iBAAiB,gBAAgBT,CAAc,GAClDS,EAAG,iBAAiB,gBAAgBR,CAAc,GAClDQ,EAAG,iBAAiB,SAASP,CAAO,GACpCO,EAAG,iBAAiB,QAAQN,CAAM,GAClCM,EAAG,iBAAiB,WAAWL,CAAS,GACxCK,EAAG,iBAAiB,aAAaF,CAAW,GAC5C,SAAS,iBAAiB,WAAWC,CAAiB,GAEtDE,QAAgB;IAOd,AANAD,EAAG,oBAAoB,gBAAgBT,CAAc,GACrDS,EAAG,oBAAoB,gBAAgBR,CAAc,GACrDQ,EAAG,oBAAoB,SAASP,CAAO,GACvCO,EAAG,oBAAoB,QAAQN,CAAM,GACrCM,EAAG,oBAAoB,WAAWL,CAAS,GAC3CK,EAAG,oBAAoB,aAAaF,CAAW,GAC/C,SAAS,oBAAoB,WAAWC,CAAiB;GAC3D,CAAC;EACH;CAE8B;AAChC"}

package/dist/components/hover-card/hover-card.context.d.ts

@@ -0,0 +1,3 @@
+import { HoverCardContextValue } from './hover-card.types';
+export declare const HoverCardContext: import('solid-js').Context<HoverCardContextValue | undefined>;
+export declare function useHoverCardContext(component: string): HoverCardContextValue;

package/dist/components/hover-card/hover-card.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/hover-card/hover-card.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <HoverCard> 内部`);
+	return r;
+}
+//#endregion
+export { n as HoverCardContext, r as useHoverCardContext };
+
+//# sourceMappingURL=hover-card.context.js.map

package/dist/components/hover-card/hover-card.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.context.js","names":["HoverCardContext","createContext","useHoverCardContext","ctx","useContext","component"],"sources":["../../../src/components/hover-card/hover-card.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { HoverCardContextValue } from \"./hover-card.types\";\n\nexport const HoverCardContext = createContext<HoverCardContextValue>();\n\nexport function useHoverCardContext(component: string): HoverCardContextValue {\n  const ctx = useContext(HoverCardContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <HoverCard> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAmBC,EAAqC;AAErE,SAAgBC,EAAoB,GAA0C;CAC5E,IAAMC,IAAMC,EAAWJ,CAAgB;CACvC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,uBAAuB;CAEvD,OAAOF;AACT"}

package/dist/components/hover-card/hover-card.types.d.ts

@@ -0,0 +1,50 @@
+import { Accessor, ParentProps, ValidComponent } from 'solid-js';
+import { Alignment, Side } from '../../lib';
+import { BaseProps, PolymorphicProps } from '../../types';
+export type HoverCardSide = Side | "inline-start" | "inline-end";
+export interface HoverCardProps extends ParentProps {
+    /** 受控 open;不传则内部自管理 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** 悬停多久后打开(ms),默认 700;trigger 上的 delay 优先 */
+    delay?: number;
+    /** 移出后多久关闭(ms),默认 300;trigger 上的 closeDelay 优先 */
+    closeDelay?: number;
+    disabled?: boolean;
+}
+export interface HoverCardContextValue {
+    open: Accessor<boolean>;
+    disabled: Accessor<boolean>;
+    contentId: string;
+    reference: Accessor<Element | undefined>;
+    setReference: (el: Element) => void;
+    floating: Accessor<HTMLElement | undefined>;
+    setFloating: (el: HTMLElement | undefined) => void;
+    requestOpen: (delayOverride?: number) => void;
+    requestClose: (closeDelayOverride?: number) => void;
+    openImmediate: () => void;
+    closeImmediate: () => void;
+    keepOpen: () => void;
+}
+interface BaseHoverCardContentProps extends BaseProps {
+    /** 贴 trigger 的哪一侧,默认 "bottom" */
+    side?: HoverCardSide;
+    /** 沿边对齐方式,默认 "center" */
+    align?: Alignment | "center";
+    /** 与 trigger 的间距(px),默认 4 */
+    sideOffset?: number;
+    /** 交叉轴偏移(px),默认 4 */
+    alignOffset?: number;
+    /** 距视口边缘最小间距(px),默认 8 */
+    collisionPadding?: number;
+}
+export type HoverCardContentProps = PolymorphicProps<"div", BaseHoverCardContentProps, false>;
+export type HoverCardTriggerProps<T extends ValidComponent> = PolymorphicProps<T, {
+    /** 覆盖根的打开延迟(ms) */
+    delay?: number;
+    /** 覆盖根的关闭延迟(ms) */
+    closeDelay?: number;
+    disabled?: boolean;
+}>;
+export {};

package/dist/components/hover-card/hover-card.utils.d.ts

@@ -0,0 +1,6 @@
+import { Alignment, Placement } from '../../lib';
+import { HoverCardSide } from './hover-card.types';
+/** shadcn/Radix 的 side + align 组合成核心库的 Placement */
+export declare function toPlacement(side: HoverCardSide, align: Alignment | "center", dir?: string): Placement;
+/** 缩放动画锚点落在贴近 trigger 的那条边 */
+export declare function getTransformOrigin(placement: Placement): string;

package/dist/components/hover-card/index.d.ts

@@ -0,0 +1,4 @@
+export { HoverCard } from './HoverCard';
+export { HoverCardTrigger } from './HoverCardTrigger';
+export { HoverCardContent } from './HoverCardContent';
+export type { HoverCardSide, HoverCardProps, HoverCardContextValue, HoverCardTriggerProps, HoverCardContentProps, } from './hover-card.types';

package/dist/components/hover-card/index.js

@@ -0,0 +1,4 @@
+import { HoverCard as e } from "./HoverCard/HoverCard.js";
+import { HoverCardTrigger as t } from "./HoverCardTrigger/HoverCardTrigger.js";
+import { HoverCardContent as n } from "./HoverCardContent/HoverCardContent.js";
+export { e as HoverCard, n as HoverCardContent, t as HoverCardTrigger };

package/dist/components/image/Image.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.config.js","names":[],"sources":["../../../src/components/image/Image.config.ts"],"sourcesContent":["/**\n * image-config.ts\n * 单一职责：提供图片配置的默认值，以及通过 SolidJS Context 向下传递配置的机制。\n * 不包含任何渲染逻辑。\n */\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { ImageConfigComplete } from \"./Image.types\";\n\n// ─── 默认配置 ─────────────────────────────────────────────────────────────────\n\nexport const imageConfigDefault: ImageConfigComplete = {\n  deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],\n  imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],\n  loader: \"default\",\n  path: \"/_next/image\",\n  loaderFile: \"\",\n  domains: [],\n  disableStaticImages: false,\n  minimumCacheTTL: 60,\n  formats: [\"image/webp\"],\n  dangerouslyAllowSVG: false,\n  contentSecurityPolicy: `script-src 'none'; frame-src 'none'; sandbox;`,\n  contentDispositionType: \"attachment\",\n  remotePatterns: [],\n  unoptimized: false,\n};\n\n// ─── SolidJS Context ──────────────────────────────────────────────────────────\n\n/**\n * 向子树提供自定义图片配置。\n * 用法：\n *   <ImageConfigProvider value={myConfig}>\n *     <App />\n *   </ImageConfigProvider>\n */\nexport const ImageConfigContext =\n  createContext<ImageConfigComplete>(imageConfigDefault);\n\nexport function useImageConfig(): ImageConfigComplete {\n  return useContext(ImageConfigContext);\n}\n\n// ─── 配置合并工具 ──────────────────────────────────────────────────────────────\n\n/**\n * 将上下文配置与运行时注入的配置合并，\n * 并预计算派生字段（allSizes、排序后的 deviceSizes / qualities）。\n */\nexport function resolveConfig(\n  contextConfig: ImageConfigComplete,\n  envConfig?: Partial<ImageConfigComplete>,\n): ImageConfigComplete {\n  const c: ImageConfigComplete = { ...contextConfig, ...(envConfig ?? {}) };\n\n  const allSizes = [...c.deviceSizes, ...c.imageSizes].sort((a, b) => a - b);\n  const deviceSizes = [...c.deviceSizes].sort((a, b) => a - b);\n  const qualities = c.qualities\n    ? [...c.qualities].sort((a, b) => a - b)\n    : undefined;\n\n  return { ...c, allSizes, deviceSizes, qualities };\n}\n"],"mappings":";;AAWA,IAAa,IAA0C;CACrD,aAAa;EAAC;EAAK;EAAK;EAAK;EAAM;EAAM;EAAM;EAAM;CAAI;CACzD,YAAY;EAAC;EAAI;EAAI;EAAI;EAAI;EAAI;EAAK;EAAK;CAAG;CAC9C,QAAQ;CACR,MAAM;CACN,YAAY;CACZ,SAAS,CAAC;CACV,qBAAqB;CACrB,iBAAiB;CACjB,SAAS,CAAC,YAAY;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,wBAAwB;CACxB,gBAAgB,CAAC;CACjB,aAAa;AACf,GAWa,IACX,EAAmC,CAAkB;AAEvD,SAAgB,IAAsC;CACpD,OAAO,EAAW,CAAkB;AACtC;AAQA,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAyB;EAAE,GAAG;EAAe,GAAI,KAAa,CAAC;CAAG,GAElE,IAAW,CAAC,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,GACnE,IAAc,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,GACrD,IAAY,EAAE,YAChB,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,IACrC,KAAA;CAEJ,OAAO;EAAE,GAAG;EAAG;EAAU;EAAa;CAAU;AAClD"}
+{"version":3,"file":"Image.config.js","names":["imageConfigDefault","ImageConfigContext","createContext","useImageConfig","useContext","resolveConfig","c","contextConfig","envConfig","allSizes","a","b","deviceSizes","qualities"],"sources":["../../../src/components/image/Image.config.ts"],"sourcesContent":["/**\n * image-config.ts\n * 单一职责：提供图片配置的默认值，以及通过 SolidJS Context 向下传递配置的机制。\n * 不包含任何渲染逻辑。\n */\n\nimport { createContext, useContext } from \"solid-js\";\nimport type { ImageConfigComplete } from \"./Image.types\";\n\n// ─── 默认配置 ─────────────────────────────────────────────────────────────────\n\nexport const imageConfigDefault: ImageConfigComplete = {\n  deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],\n  imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],\n  loader: \"default\",\n  path: \"/_next/image\",\n  loaderFile: \"\",\n  domains: [],\n  disableStaticImages: false,\n  minimumCacheTTL: 60,\n  formats: [\"image/webp\"],\n  dangerouslyAllowSVG: false,\n  contentSecurityPolicy: `script-src 'none'; frame-src 'none'; sandbox;`,\n  contentDispositionType: \"attachment\",\n  remotePatterns: [],\n  unoptimized: false,\n};\n\n// ─── SolidJS Context ──────────────────────────────────────────────────────────\n\n/**\n * 向子树提供自定义图片配置。\n * 用法：\n *   <ImageConfigProvider value={myConfig}>\n *     <App />\n *   </ImageConfigProvider>\n */\nexport const ImageConfigContext =\n  createContext<ImageConfigComplete>(imageConfigDefault);\n\nexport function useImageConfig(): ImageConfigComplete {\n  return useContext(ImageConfigContext);\n}\n\n// ─── 配置合并工具 ──────────────────────────────────────────────────────────────\n\n/**\n * 将上下文配置与运行时注入的配置合并，\n * 并预计算派生字段（allSizes、排序后的 deviceSizes / qualities）。\n */\nexport function resolveConfig(\n  contextConfig: ImageConfigComplete,\n  envConfig?: Partial<ImageConfigComplete>,\n): ImageConfigComplete {\n  const c: ImageConfigComplete = { ...contextConfig, ...(envConfig ?? {}) };\n\n  const allSizes = [...c.deviceSizes, ...c.imageSizes].sort((a, b) => a - b);\n  const deviceSizes = [...c.deviceSizes].sort((a, b) => a - b);\n  const qualities = c.qualities\n    ? [...c.qualities].sort((a, b) => a - b)\n    : undefined;\n\n  return { ...c, allSizes, deviceSizes, qualities };\n}\n"],"mappings":";;AAWA,IAAaA,IAA0C;CACrD,aAAa;EAAC;EAAK;EAAK;EAAK;EAAM;EAAM;EAAM;EAAM;CAAI;CACzD,YAAY;EAAC;EAAI;EAAI;EAAI;EAAI;EAAI;EAAK;EAAK;CAAG;CAC9C,QAAQ;CACR,MAAM;CACN,YAAY;CACZ,SAAS,CAAC;CACV,qBAAqB;CACrB,iBAAiB;CACjB,SAAS,CAAC,YAAY;CACtB,qBAAqB;CACrB,uBAAuB;CACvB,wBAAwB;CACxB,gBAAgB,CAAC;CACjB,aAAa;AACf,GAWaC,IACXC,EAAmCF,CAAkB;AAEvD,SAAgBG,IAAsC;CACpD,OAAOC,EAAWH,CAAkB;AACtC;AAQA,SAAgBI,EACd,GACA,GACqB;CACrB,IAAMC,IAAyB;EAAE,GAAGC;EAAe,GAAIC,KAAa,CAAC;CAAG,GAElEC,IAAW,CAAC,GAAGH,EAAE,aAAa,GAAGA,EAAE,UAAU,CAAC,CAAC,MAAM,GAAG,MAAMI,IAAIC,CAAC,GACnEC,IAAc,CAAC,GAAGN,EAAE,WAAW,CAAC,CAAC,MAAM,GAAG,MAAMI,IAAIC,CAAC,GACrDE,IAAYP,EAAE,YAChB,CAAC,GAAGA,EAAE,SAAS,CAAC,CAAC,MAAM,GAAG,MAAMI,IAAIC,CAAC,IACrC,KAAA;CAEJ,OAAO;EAAE,GAAGL;EAAG;EAAU;EAAa;CAAU;AAClD"}

package/dist/components/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["Component","createMemo","createSignal","Show","resolveConfig","useImageConfig","ImageProps","ImgPropsResult","PlaceholderValue","getImgProps","ImageElement","ImagePreload","Image","props","contextConfig","config","blurComplete","setBlurComplete","showAltText","setShowAltText","result","imgConf","imgAttributes","imgMeta","meta","_$createComponent","_$mergeProps","unoptimized","placeholder","fill","onLoad","onLoadingComplete","sizesInput","sizes","when","preload","children"],"sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["/**\n * Image.tsx\n * 单一职责：组合层——解析 props、管理 blur/showAltText 状态、\n * 合并配置，然后将职责委托给 ImageElement 和 ImagePreload。\n * 不包含任何加载逻辑或 DOM 操作。\n */\n\nimport { type Component, createMemo, createSignal, Show } from \"solid-js\";\nimport { resolveConfig, useImageConfig } from \"./Image.config\";\nimport type {\n  ImageProps,\n  ImgPropsResult,\n  PlaceholderValue,\n} from \"./Image.types\";\nimport { getImgProps } from \"./Image.utils\";\nimport ImageElement from \"./ImageElement\";\nimport ImagePreload from \"./ImagePreload\";\n\n// ─── 组件 ─────────────────────────────────────────────────────────────────────\n\n/**\n * <Image> 组件\n *\n * 与 Next.js Image 功能对等：\n * - 自动 srcSet 生成\n * - blur placeholder 支持\n * - fill 模式\n * - priority preload\n * - 开发环境警告\n */\nexport const Image: Component<ImageProps> = (props) => {\n  const contextConfig = useImageConfig();\n\n  // 合并并预计算配置（memoized via SolidJS 细粒度响应式）\n  const config = resolveConfig(contextConfig);\n\n  // ── 本地状态 ──────────────────────────────────────────────────────────────\n  const [blurComplete, setBlurComplete] = createSignal(false);\n  const [showAltText, setShowAltText] = createSignal(false);\n\n  // ── 派生属性 ──────────────────────────────────────────────────────────────\n  // getImgProps 将 ImageProps 转换为原生 img 可接受的属性集\n  const result = createMemo(\n    (): ImgPropsResult =>\n      getImgProps(props, {\n        imgConf: config,\n        blurComplete: blurComplete(),\n        showAltText: showAltText(),\n      }),\n  );\n\n  const imgAttributes = () => result().props;\n  const imgMeta = () => result().meta;\n\n  return (\n    <>\n      <ImageElement\n        {...imgAttributes()}\n        unoptimized={imgMeta().unoptimized}\n        placeholder={imgMeta().placeholder as PlaceholderValue}\n        fill={imgMeta().fill}\n        onLoad={props.onLoad}\n        onLoadingComplete={props.onLoadingComplete}\n        setBlurComplete={setBlurComplete}\n        setShowAltText={setShowAltText}\n        sizesInput={props.sizes}\n      />\n\n      <Show when={imgMeta().preload}>\n        <ImagePreload imgAttributes={imgAttributes()} />\n      </Show>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA8BA,IAAaY,KAAgCC,MAAU;CACrD,IAAMC,IAAgBT,EAAe,GAG/BU,IAASX,EAAcU,CAAa,GAGpC,CAACE,GAAcC,KAAmBf,EAAa,EAAK,GACpD,CAACgB,GAAaC,KAAkBjB,EAAa,EAAK,GAIlDkB,IAASnB,QAEXQ,EAAYI,GAAO;EACjBQ,SAASN;EACTC,cAAcA,EAAa;EAC3BE,aAAaA,EAAY;CAC3B,CAAC,CACL,GAEMI,UAAsBF,EAAO,CAAC,CAACP,OAC/BU,UAAgBH,EAAO,CAAC,CAACI;CAE/B,OAAA,CAAAC,EAEKf,GAAYgB,EACPJ,GAAa;EAAA,IACjBK,cAAW;GAAA,OAAEJ,EAAQ,CAAC,CAACI;EAAW;EAAA,IAClCC,cAAW;GAAA,OAAEL,EAAQ,CAAC,CAACK;EAA+B;EAAA,IACtDC,OAAI;GAAA,OAAEN,EAAQ,CAAC,CAACM;EAAI;EAAA,IACpBC,SAAM;GAAA,OAAEjB,EAAMiB;EAAM;EAAA,IACpBC,oBAAiB;GAAA,OAAElB,EAAMkB;EAAiB;EACzBd;EACDE;EAAc,IAC9Ba,aAAU;GAAA,OAAEnB,EAAMoB;EAAK;CAAA,CAAA,CAAA,GAAAR,EAGxBtB,GAAI;EAAA,IAAC+B,OAAI;GAAA,OAAEX,EAAQ,CAAC,CAACY;EAAO;EAAA,IAAAC,WAAA;GAAA,OAAAX,EAC1Bd,GAAY,EAAA,IAACW,gBAAa;IAAA,OAAEA,EAAc;GAAC,EAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAIpD"}
+{"version":3,"file":"Image.js","names":["Component","createMemo","createSignal","Show","resolveConfig","useImageConfig","ImageProps","ImgPropsResult","PlaceholderValue","getImgProps","ImageElement","ImagePreload","Image","props","contextConfig","config","blurComplete","setBlurComplete","showAltText","setShowAltText","result","imgConf","imgAttributes","imgMeta","meta","_$createComponent","_$mergeProps","unoptimized","placeholder","fill","onLoad","onLoadingComplete","sizesInput","sizes","when","preload","children","_$createComponent","_$mergeProps","ImageElement","ImagePreload","Image","contextConfig","useImageConfig","config","resolveConfig","blurComplete","setBlurComplete","createSignal","showAltText","setShowAltText","result","createMemo","getImgProps","props","imgAttributes","imgMeta","createComponent","mergeProps","Show"],"sources":["../../../src/components/image/Image.tsx"],"sourcesContent":["/**\n * Image.tsx\n * 单一职责：组合层——解析 props、管理 blur/showAltText 状态、\n * 合并配置，然后将职责委托给 ImageElement 和 ImagePreload。\n * 不包含任何加载逻辑或 DOM 操作。\n */\n\nimport { type Component, createMemo, createSignal, Show } from \"solid-js\";\nimport { resolveConfig, useImageConfig } from \"./Image.config\";\nimport type {\n  ImageProps,\n  ImgPropsResult,\n  PlaceholderValue,\n} from \"./Image.types\";\nimport { getImgProps } from \"./Image.utils\";\nimport ImageElement from \"./ImageElement\";\nimport ImagePreload from \"./ImagePreload\";\n\n// ─── 组件 ─────────────────────────────────────────────────────────────────────\n\n/**\n * <Image> 组件\n *\n * 与 Next.js Image 功能对等：\n * - 自动 srcSet 生成\n * - blur placeholder 支持\n * - fill 模式\n * - priority preload\n * - 开发环境警告\n */\nexport const Image: Component<ImageProps> = (props) => {\n  const contextConfig = useImageConfig();\n\n  // 合并并预计算配置（memoized via SolidJS 细粒度响应式）\n  const config = resolveConfig(contextConfig);\n\n  // ── 本地状态 ──────────────────────────────────────────────────────────────\n  const [blurComplete, setBlurComplete] = createSignal(false);\n  const [showAltText, setShowAltText] = createSignal(false);\n\n  // ── 派生属性 ──────────────────────────────────────────────────────────────\n  // getImgProps 将 ImageProps 转换为原生 img 可接受的属性集\n  const result = createMemo(\n    (): ImgPropsResult =>\n      getImgProps(props, {\n        imgConf: config,\n        blurComplete: blurComplete(),\n        showAltText: showAltText(),\n      }),\n  );\n\n  const imgAttributes = () => result().props;\n  const imgMeta = () => result().meta;\n\n  return (\n    <>\n      <ImageElement\n        {...imgAttributes()}\n        unoptimized={imgMeta().unoptimized}\n        placeholder={imgMeta().placeholder as PlaceholderValue}\n        fill={imgMeta().fill}\n        onLoad={props.onLoad}\n        onLoadingComplete={props.onLoadingComplete}\n        setBlurComplete={setBlurComplete}\n        setShowAltText={setShowAltText}\n        sizesInput={props.sizes}\n      />\n\n      <Show when={imgMeta().preload}>\n        <ImagePreload imgAttributes={imgAttributes()} />\n      </Show>\n    </>\n  );\n};\n"],"mappings":";;;;;;;AA8BA,IAAaY,KAAgCC,MAAU;CACrD,IAAMC,IAAgBT,EAAe,GAG/BU,IAASX,EAAcU,CAAa,GAGpC,CAACE,GAAcC,KAAmBf,EAAa,EAAK,GACpD,CAACgB,GAAaC,KAAkBjB,EAAa,EAAK,GAIlDkB,IAASnB,QAEXQ,EAAYI,GAAO;EACjBQ,SAASN;EACTC,cAAcA,EAAa;EAC3BE,aAAaA,EAAY;CAC3B,CAAC,CACL,GAEMI,UAAsBF,EAAO,CAAC,CAACP,OAC/BU,UAAgBH,EAAO,CAAC,CAACI;CAE/B,OAAA,CAAAC,EAEKf,GAAYgB,EACPJ,GAAa;EAAA,IACjBK,cAAW;GAAA,OAAEJ,EAAQ,CAAC,CAACI;EAAW;EAAA,IAClCC,cAAW;GAAA,OAAEL,EAAQ,CAAC,CAACK;EAA+B;EAAA,IACtDC,OAAI;GAAA,OAAEN,EAAQ,CAAC,CAACM;EAAI;EAAA,IACpBC,SAAM;GAAA,OAAEjB,EAAMiB;EAAM;EAAA,IACpBC,oBAAiB;GAAA,OAAElB,EAAMkB;EAAiB;EACzBd;EACDE;EAAc,IAC9Ba,aAAU;GAAA,OAAEnB,EAAMoB;EAAK;CAAA,CAAA,CAAA,GAAAR,EAGxBtB,GAAI;EAAA,IAAC+B,OAAI;GAAA,OAAEX,EAAQ,CAAC,CAACY;EAAO;EAAA,IAAAC,WAAA;GAAA,OAAAX,EAC1Bd,GAAY,EAAA,IAACW,gBAAa;IAAA,OAAEA,EAAc;GAAC,EAAA,CAAA;EAAA;CAAA,CAAA,CAAA;AAIpD"}

package/dist/components/image/Image.utils.js

@@ -3,8 +3,8 @@ import { mergeProps as t, splitProps as n } from "solid-js";
 //#region src/components/image/Image.utils.ts
 function r(e, t, n, r, i, a, o) {
 	let s = e?.src;
-	!e || e["data-loaded-src"] === s || (e["data-loaded-src"] = s, ("decode" in e ? e.decode() : Promise.resolve()).catch(() => {}).then(() => {
-		if (!(!e.parentElement || !e.isConnected)) {
+	e && e["data-loaded-src"] !== s && (e["data-loaded-src"] = s, ("decode" in e ? e.decode() : Promise.resolve()).catch(() => {}).then(() => {
+		if (e.parentElement && e.isConnected) {
 			if (t !== "empty" && i(!0), n) {
 				let t = new Event("load");
 				Object.defineProperty(t, "target", {