@neut/ui 0.0.9 → 0.0.10

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\n          \"text-sm font-normal text-red-600 dark:text-red-400\",\n          local.class,\n        )}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;gLAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;EACD,CAAC,EAEIG,IAAWT,QAAe;AAC9B,MAAIO,EAAMP,SAAU,QAAOO,EAAMP;AAEjC,MAAI,CAACO,EAAMG,QAAQC,OAAQ,QAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,EAAM,CAAC,CAAC,CAACE,QAAQ,CAC1E;AAMD,SAJIL,GAAcD,WAAW,IACpBC,EAAa,IAAII,iBAG1B;GAAA,IAAAE,IAAAC,GAAA;AAIK,UAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,GAAA;AAAsB,WAAtBF,EAAAC,SAASN,EAAMC,QAAO,EAAAK;OACjD,CAAC,CAAA,EAAAH;MAAA;GAGL;AAEF,QAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;AAAA,UAAEf,GAAU;;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,GAAA;AAUT,UAVSC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,WAIXzB,EACL,sDACAI,EAAMsB,MACP;MAAA,EACGrB,EAAM,EAAA,IAAA,GAAA,EAAAY,EAAAK,GAEThB,EAAQ,EAAAgB;;EAAA,CAAA"}
+{"version":3,"file":"FieldError.js","names":["children","Show","splitProps","clsx","FieldErrorProps","FieldError","props","local","others","resolved","errors","length","uniqueErrors","Map","map","error","message","values","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$createComponent","when","_el$3","_tmpl$3","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldError/FieldError.tsx"],"sourcesContent":["import { children, Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldErrorProps } from \"./FieldError.types\";\n\nexport const FieldError = (props: FieldErrorProps) => {\n  const [local, others] = splitProps(props, [\n    \"errors\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const resolved = children(() => {\n    if (local.children) return local.children;\n\n    if (!local.errors?.length) return null;\n\n    const uniqueErrors = [\n      ...new Map(local.errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul class=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error) => error?.message && <li>{error.message}</li>,\n        )}\n      </ul>\n    );\n  });\n\n  return (\n    <Show when={resolved()}>\n      <div\n        role=\"alert\"\n        data-slot=\"field-error\"\n        class={clsx(\"text-sm font-normal text-destructive\", local.class)}\n        {...others}\n      >\n        {resolved()}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;0KAIaK,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;CAAU,CACX,GAEKG,IAAWT,QAAe;EAC9B,IAAIO,EAAMP,UAAU,OAAOO,EAAMP;EAEjC,IAAI,CAACO,EAAMG,QAAQC,QAAQ,OAAO;EAElC,IAAMC,IAAe,CACnB,GAAG,IAAIC,IAAIN,EAAMG,OAAOI,KAAKC,MAAU,CAACA,GAAOC,SAASD,CAAK,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;EAO3E,OAJIL,GAAcD,WAAW,IACpBC,EAAa,EAAE,EAAEI,iBAG1B;GAAA,IAAAE,IAAAC,EAAA;GAIK,OAJLC,EAAAF,SAEKN,EAAaE,KACXC,MAAUA,GAAOC,kBAAO;IAAA,IAAAK,IAAAC,EAAA;IAAsB,OAAtBF,EAAAC,SAASN,EAAMC,OAAO,GAAAK;GAAA,EAAA,CAAA,CACjD,CAAC,GAAAH;EAAA,EAAA,CAAA;CAGP,CAAC;CAED,OAAAK,EACGtB,GAAI;EAAA,IAACuB,OAAI;GAAA,OAAEf,EAAS;EAAC;EAAA,IAAAT,WAAA;GAAA,IAAAyB,IAAAC,EAAA;GAOT,OAPSC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;IAAA,OAIXzB,EAAK,wCAAwCI,EAAMsB,KAAK;GAAC,EAAA,GAC5DrB,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAK,GAEThB,CAAQ,GAAAgB;EAAA;CAAA,CAAA;AAIjB"}

package/dist/components/field/FieldGroup/FieldGroup.js

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/field/FieldGroup/FieldGroup.tsx
-var a = /* @__PURE__ */ r("<div data-slot=field-group>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=field-group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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

@@ -1 +1 @@
-{"version":3,"file":"FieldGroup.js","names":["splitProps","clsx","FieldGroupProps","FieldGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldGroupProps } from \"./FieldGroup.types\";\n\nexport const FieldGroup = (props: FieldGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-group\"\n      class={clsx(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,wIACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"FieldGroup.js","names":["splitProps","clsx","FieldGroupProps","FieldGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldGroupProps } from \"./FieldGroup.types\";\n\nexport const FieldGroup = (props: FieldGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"field-group\"\n      class={clsx(\n        \"group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\",\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,wIACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/field/FieldLabel/FieldLabel.js

@@ -8,7 +8,7 @@ var a = (a) => {
 	return n(t, r({
 		"data-slot": "field-label",
 		get class() {
-			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
+			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-primary/30 has-data-[checked=true]:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-primary/20 dark:has-data-[checked=true]:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
 		}
 	}, s));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGR,EACL,uYACA,qEACAK,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-primary/30 has-data-[checked=true]:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-primary/20 dark:has-data-[checked=true]:bg-primary/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEGR,EACL,uXACA,qEACAK,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/field/FieldLegend/FieldLegend.js

@@ -2,8 +2,8 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { mergeProps as i, splitProps as a } from "solid-js";
 //#region src/components/field/FieldLegend/FieldLegend.tsx
-var o = /* @__PURE__ */ r("<legend data-slot=field-legend>"), s = (r) => {
-	let [s, c] = a(i({ variant: "legend" }, r), [
+var o = /*#__PURE__*/ r("<legend data-slot=field-legend>"), s = (r) => {
+	let s = i({ variant: "legend" }, r), [c, l] = a(s, [
 		"variant",
 		"class",
 		"classList"
@@ -12,12 +12,12 @@ var o = /* @__PURE__ */ r("<legend data-slot=field-legend>"), s = (r) => {
 		var r = o();
 		return n(r, t({
 			get "data-variant"() {
-				return s.variant;
+				return c.variant;
 			},
 			get class() {
-				return e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", s.class);
+				return e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", c.class);
 			}
-		}, c), !1, !1), r;
+		}, l), !1, !1), r;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"FieldLegend.js","names":["mergeProps","splitProps","clsx","FieldLegendProps","FieldLegend","props","merged","variant","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","class"],"sources":["../../../../src/components/field/FieldLegend/FieldLegend.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLegendProps } from \"./FieldLegend.types\";\n\nexport const FieldLegend = (props: FieldLegendProps) => {\n  const merged = mergeProps({ variant: \"legend\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={local.variant}\n      class={clsx(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaI,KAAeC,MAA4B;CAGtD,IAAM,CAACI,GAAOC,KAAUT,EAFTD,EAAW,EAAEO,SAAS,UAAU,EAAWF,EAAM,EAErB;EAAC;EAAW;EAAS;EAAY,CAAC;AAE7E,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;AAAA,WAGkBL,EAAMF;;GAAO,IAAA,QAAA;AAAA,WACpBL,EACL,mFACAO,EAAMO,MACP;;GAAA,EACGN,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"FieldLegend.js","names":["mergeProps","splitProps","clsx","FieldLegendProps","FieldLegend","props","merged","variant","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","class"],"sources":["../../../../src/components/field/FieldLegend/FieldLegend.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLegendProps } from \"./FieldLegend.types\";\n\nexport const FieldLegend = (props: FieldLegendProps) => {\n  const merged = mergeProps({ variant: \"legend\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={local.variant}\n      class={clsx(\n        \"mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaI,KAAeC,MAA4B;CACtD,IAAMC,IAASN,EAAW,EAAEO,SAAS,SAAS,GAAYF,CAAK,GAEzD,CAACI,GAAOC,KAAUT,EAAWK,GAAQ;EAAC;EAAW;EAAS;CAAW,CAAC;CAE5E,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkBL,EAAMF;GAAO;GAAA,IAAA,QAAA;IAAA,OACpBL,EACL,mFACAO,EAAMO,KACR;GAAC;EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -1,35 +1,35 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { Separator as t } from "../../separator/Separator.js";
-import { className as n, createComponent as r, effect as i, insert as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
-import { Show as l, splitProps as u } from "solid-js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { Show as s, splitProps as c } from "solid-js";
 //#region src/components/field/FieldSeparator/FieldSeparator.tsx
-var d = /* @__PURE__ */ c("<span data-slot=field-separator-content>"), f = /* @__PURE__ */ c("<div data-slot=field-separator>"), p = (c) => {
-	let [p, m] = u(c, [
+var l = /*#__PURE__*/ o("<span class=\"relative mx-auto block w-fit bg-background px-2 text-muted-foreground\"data-slot=field-separator-content>"), u = /*#__PURE__*/ o("<div data-slot=field-separator>"), d = (o) => {
+	let [d, f] = c(o, [
 		"class",
 		"classList",
 		"children"
 	]);
 	return (() => {
-		var c = f();
-		return s(c, o({
+		var o = u();
+		return a(o, i({
 			get "data-content"() {
-				return !!p.children;
+				return !!d.children;
 			},
 			get class() {
-				return e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", p.class);
+				return e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", d.class);
 			}
-		}, m), !1, !0), a(c, r(t, { class: "absolute inset-0 top-1/2" }), null), a(c, r(l, {
+		}, f), !1, !0), r(o, n(t, { class: "absolute inset-0 top-1/2" }), null), r(o, n(s, {
 			get when() {
-				return p.children;
+				return d.children;
 			},
 			get children() {
-				var t = d();
-				return a(t, () => p.children), i(() => n(t, e("relative mx-auto block w-fit px-2", "bg-white text-neutral-500", "dark:bg-neutral-950 dark:text-neutral-400"))), t;
+				var e = l();
+				return r(e, () => d.children), e;
 			}
-		}), null), c;
+		}), null), o;
 	})();
 };
 //#endregion
-export { p as FieldSeparator };
+export { d as FieldSeparator };
 
 //# sourceMappingURL=FieldSeparator.js.map

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$","_$effect","_$className"],"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={clsx(\n            \"relative mx-auto block w-fit px-2\",\n            \"bg-white text-neutral-500\",\n            \"dark:bg-neutral-950 dark:text-neutral-400\",\n          )}\n          data-slot=\"field-separator-content\"\n        >\n          {local.children}\n        </span>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":";;;;;iIAKaK,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAa;EAAW,CAAC;AAE7E,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAkBS,SAlBTC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;AAAA,WAGkB,CAAC,CAACL,EAAMO;;GAAQ,IAAA,QAAA;AAAA,WACvBZ,EACL,6EACAK,EAAMQ,MACP;;GAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAAAQ,EAETb,GAAS,EAAA,OAAA,4BAAA,CAAA,EAAA,KAAA,EAAAY,EAAAP,GAAAQ,EAETjB,GAAI;GAAA,IAACkB,OAAI;AAAA,WAAEX,EAAMO;;GAAQ,IAAAA,WAAA;IAAA,IAAAK,IAAAC,GAAA;AAMrB,WANqBJ,EAAAG,SASrBZ,EAAMO,SAAQ,EAAAO,QAAAC,EAAAH,GAPRjB,EACL,qCACA,6BACA,4CACD,CAAA,CAAA,EAAAiB;;GAAA,CAAA,EAAA,KAAA,EAAAV;KAAA"}
+{"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"}

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

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/field/FieldSet/FieldSet.tsx
-var a = /* @__PURE__ */ r("<fieldset data-slot=field-set>"), o = (r) => {
+var a = /*#__PURE__*/ r("<fieldset data-slot=field-set>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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":";;;;6DAIaG,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWR,EACL,oGACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"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"}

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

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/field/FieldTitle/FieldTitle.tsx
-var a = /* @__PURE__ */ r("<div data-slot=field-label>"), o = (r) => {
+var a = /*#__PURE__*/ r("<div data-slot=field-label>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();

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":";;;;0DAIaG,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,iGACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"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"}

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

@@ -50,6 +50,6 @@ function a(e, t) {
 	};
 }
 //#endregion
-export { n as imageConfigDefault, a as resolveConfig, i as useImageConfig };
+export { r as ImageConfigContext, n as imageConfigDefault, a as resolveConfig, i as useImageConfig };
 
 //# sourceMappingURL=Image.config.js.map

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;EAAK;CAC1D,YAAY;EAAC;EAAI;EAAI;EAAI;EAAI;EAAI;EAAK;EAAK;EAAI;CAC/C,QAAQ;CACR,MAAM;CACN,YAAY;CACZ,SAAS,EAAE;CACX,qBAAqB;CACrB,iBAAiB;CACjB,SAAS,CAAC,aAAa;CACvB,qBAAqB;CACrB,uBAAuB;CACvB,wBAAwB;CACxB,gBAAgB,EAAE;CAClB,aAAa;CACd,EAWY,IACX,EAAmC,EAAmB;AAExD,SAAgB,IAAsC;AACpD,QAAO,EAAW,EAAmB;;AASvC,SAAgB,EACd,GACA,GACqB;CACrB,IAAM,IAAyB;EAAE,GAAG;EAAe,GAAI,KAAa,EAAE;EAAG,EAEnE,IAAW,CAAC,GAAG,EAAE,aAAa,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,EACpE,IAAc,CAAC,GAAG,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,EACtD,IAAY,EAAE,YAChB,CAAC,GAAG,EAAE,UAAU,CAAC,MAAM,GAAG,MAAM,IAAI,EAAE,GACtC,KAAA;AAEJ,QAAO;EAAE,GAAG;EAAG;EAAU;EAAa;EAAW"}
+{"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"}

package/dist/components/image/Image.js

@@ -6,20 +6,20 @@ import { createComponent as a, mergeProps as o } from "solid-js/web";
 import { Show as s, createMemo as c, createSignal as l } from "solid-js";
 //#region src/components/image/Image.tsx
 var u = (u) => {
-	let d = e(t()), [f, p] = l(!1), [m, h] = l(!1), g = c(() => n(u, {
-		imgConf: d,
-		blurComplete: f(),
-		showAltText: m()
-	})), _ = () => g().props, v = () => g().meta;
-	return [a(r, o(_, {
+	let d = t(), f = e(d), [p, m] = l(!1), [h, g] = l(!1), _ = c(() => n(u, {
+		imgConf: f,
+		blurComplete: p(),
+		showAltText: h()
+	})), v = () => _().props, y = () => _().meta;
+	return [a(r, o(v, {
 		get unoptimized() {
-			return v().unoptimized;
+			return y().unoptimized;
 		},
 		get placeholder() {
-			return v().placeholder;
+			return y().placeholder;
 		},
 		get fill() {
-			return v().fill;
+			return y().fill;
 		},
 		get onLoad() {
 			return u.onLoad;
@@ -27,18 +27,18 @@ var u = (u) => {
 		get onLoadingComplete() {
 			return u.onLoadingComplete;
 		},
-		setBlurComplete: p,
-		setShowAltText: h,
+		setBlurComplete: m,
+		setShowAltText: g,
 		get sizesInput() {
 			return u.sizes;
 		}
 	})), a(s, {
 		get when() {
-			return v().preload;
+			return y().preload;
 		},
 		get children() {
 			return a(i, { get imgAttributes() {
-				return _();
+				return v();
 			} });
 		}
 	})];

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;CAIrD,IAAME,IAASX,EAHOC,GAAgB,CAGK,EAGrC,CAACW,GAAcC,KAAmBf,EAAa,GAAM,EACrD,CAACgB,GAAaC,KAAkBjB,EAAa,GAAM,EAInDkB,IAASnB,QAEXQ,EAAYI,GAAO;EACjBQ,SAASN;EACTC,cAAcA,GAAc;EAC5BE,aAAaA,GAAY;EAC1B,CACL,CAAC,EAEKI,UAAsBF,GAAQ,CAACP,OAC/BU,UAAgBH,GAAQ,CAACI;AAE/B,QAAA,CAAAC,EAEKf,GAAYgB,EACPJ,GAAa;EAAA,IACjBK,cAAW;AAAA,UAAEJ,GAAS,CAACI;;EAAW,IAClCC,cAAW;AAAA,UAAEL,GAAS,CAACK;;EAA+B,IACtDC,OAAI;AAAA,UAAEN,GAAS,CAACM;;EAAI,IACpBC,SAAM;AAAA,UAAEjB,EAAMiB;;EAAM,IACpBC,oBAAiB;AAAA,UAAElB,EAAMkB;;EACRd;EACDE;EAAc,IAC9Ba,aAAU;AAAA,UAAEnB,EAAMoB;;EAAK,CAAA,CAAA,EAAAR,EAGxBtB,GAAI;EAAA,IAAC+B,OAAI;AAAA,UAAEX,GAAS,CAACY;;EAAO,IAAAC,WAAA;AAAA,UAAAX,EAC1Bd,GAAY,EAAA,IAACW,gBAAa;AAAA,WAAEA,GAAe;MAAA,CAAA;;EAAA,CAAA,CAAA"}
+{"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"}

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

@@ -24,14 +24,14 @@ var i = [
 	void 0
 ];
 function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
-	let [m, h] = n(t({
+	let m = t({
 		fill: !1,
 		priority: !1,
 		preload: !1,
 		placeholder: "empty",
 		unoptimized: a.unoptimized,
 		decoding: "async"
-	}, r), [
+	}, r), [h, g] = n(m, [
 		"src",
 		"loader",
 		"quality",
@@ -57,21 +57,21 @@ function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
 		"fetchpriority",
 		"class",
 		"decoding"
-	]), g, _ = a || e;
-	if ("allSizes" in _) g = _;
+	]), _, v = a || e;
+	if ("allSizes" in v) _ = v;
 	else {
-		let e = [..._.deviceSizes, ..._.imageSizes].sort((e, t) => e - t), t = _.deviceSizes.sort((e, t) => e - t), n = _.qualities?.sort((e, t) => e - t);
-		g = {
-			..._,
+		let e = [...v.deviceSizes, ...v.imageSizes].sort((e, t) => e - t), t = v.deviceSizes.sort((e, t) => e - t), n = v.qualities?.sort((e, t) => e - t);
+		_ = {
+			...v,
 			allSizes: e,
 			deviceSizes: t,
 			qualities: n
 		};
 	}
 	if (o === void 0) throw Error("images.loaderFile detected but the file is missing default export.\nRead more: https://nextjs.org/docs/messages/invalid-images-config");
-	let v = m.style, y = m.sizes, b = m.fill, x = m.loader || o;
-	if (m.layout) {
-		m.layout === "fill" && (b = !0);
+	let y = h.style, b = h.sizes, x = h.fill, S = h.loader || o;
+	if (h.layout) {
+		h.layout === "fill" && (x = !0);
 		let e = {
 			intrinsic: {
 				maxWidth: "100%",
@@ -84,33 +84,33 @@ function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
 		}, t = {
 			responsive: "100vw",
 			fill: "100vw"
-		}, n = e[m.layout];
-		n && (v = {
-			...v,
+		}, n = e[h.layout];
+		n && (y = {
+			...y,
 			...n
 		});
-		let r = t[m.layout];
-		r && !y && (y = r);
+		let r = t[h.layout];
+		r && !b && (b = r);
 	}
-	let S = "", C = m.blurDataURL, w = s(m.width), T = s(m.height), E, D;
-	if (u(m.src)) {
-		let e = c(m.src) ? m.src.default : m.src;
+	let C = "", w = h.blurDataURL, T = s(h.width), E = s(h.height), D, O;
+	if (u(h.src)) {
+		let e = c(h.src) ? h.src.default : h.src;
 		if (!e.src) throw Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received ${JSON.stringify(e)}`);
 		if (!e.height || !e.width) throw Error(`An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received ${JSON.stringify(e)}`);
-		if (E = e.blurWidth, D = e.blurHeight, C ||= e.blurDataURL, S = e.src, !b) {
-			if (!w && !T) w = e.width, T = e.height;
-			else if (w && !T) {
-				let t = w / e.width;
-				T = Math.round(e.height * t);
-			} else if (!w && T) {
-				let t = T / e.height;
-				w = Math.round(e.width * t);
+		if (D = e.blurWidth, O = e.blurHeight, w ||= e.blurDataURL, C = e.src, !x) {
+			if (!T && !E) T = e.width, E = e.height;
+			else if (T && !E) {
+				let t = T / e.width;
+				E = Math.round(e.height * t);
+			} else if (!T && E) {
+				let t = E / e.height;
+				T = Math.round(e.width * t);
 			}
 		}
 	}
-	let O = typeof m.src == "string" ? m.src : S, k = m.unoptimized, A = !m.priority && !m.preload && (m.loading === "lazy" || m.loading === void 0);
-	(!O || O.startsWith("data:") || O.startsWith("blob:")) && (k = !0, A = !1), g.unoptimized && (k = !0), !g.dangerouslyAllowSVG && O.split("?", 1)[0].endsWith(".svg") && (k = !0);
-	let j = s(m.quality), M = Object.assign(b ? {
+	let k = typeof h.src == "string" ? h.src : C, A = h.unoptimized, j = !h.priority && !h.preload && (h.loading === "lazy" || h.loading === void 0);
+	(!k || k.startsWith("data:") || k.startsWith("blob:")) && (A = !0, j = !1), _.unoptimized && (A = !0), !_.dangerouslyAllowSVG && k.split("?", 1)[0].endsWith(".svg") && (A = !0);
+	let M = s(h.quality), N = Object.assign(x ? {
 		position: "absolute",
 		height: "100%",
 		width: "100%",
@@ -118,51 +118,51 @@ function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
 		top: 0,
 		right: 0,
 		bottom: 0,
-		objectFit: m.objectFit,
-		objectPosition: m.objectPosition
-	} : {}, p ? {} : { color: "transparent" }, v), N = !l && m.placeholder !== "empty" ? m.placeholder === "blur" ? `url("data:image/svg+xml;charset=utf-8,${d({
-		widthInt: w,
-		heightInt: T,
-		blurWidth: E,
-		blurHeight: D,
-		blurDataURL: C || "",
-		objectFit: M.objectFit
-	})}")` : `url("${m.placeholder}")` : null, P = i.includes(M.objectFit) ? M.objectFit === "fill" ? "100% 100%" : "cover" : M.objectFit, F = N ? {
-		"background-size": P,
-		"background-position": M.objectPosition || "50% 50%",
+		objectFit: h.objectFit,
+		objectPosition: h.objectPosition
+	} : {}, p ? {} : { color: "transparent" }, y), P = !l && h.placeholder !== "empty" ? h.placeholder === "blur" ? `url("data:image/svg+xml;charset=utf-8,${d({
+		widthInt: T,
+		heightInt: E,
+		blurWidth: D,
+		blurHeight: O,
+		blurDataURL: w || "",
+		objectFit: N.objectFit
+	})}")` : `url("${h.placeholder}")` : null, F = i.includes(N.objectFit) ? N.objectFit === "fill" ? "100% 100%" : "cover" : N.objectFit, I = P ? {
+		"background-size": F,
+		"background-position": N.objectPosition || "50% 50%",
 		"background-repeat": "no-repeat",
-		"background-image": N
-	} : {}, I = f({
-		config: g,
-		src: O,
-		unoptimized: k,
-		width: w,
-		quality: j,
-		sizes: y,
-		loader: x
-	}), L = A ? "lazy" : m.loading;
+		"background-image": P
+	} : {}, L = f({
+		config: _,
+		src: k,
+		unoptimized: A,
+		width: T,
+		quality: M,
+		sizes: b,
+		loader: S
+	}), R = j ? "lazy" : h.loading;
 	return {
 		props: {
-			...h,
-			loading: L,
-			fetchpriority: m.fetchpriority,
-			width: w,
-			height: T,
-			decoding: m.decoding,
-			class: m.class,
+			...g,
+			loading: R,
+			fetchpriority: h.fetchpriority,
+			width: T,
+			height: E,
+			decoding: h.decoding,
+			class: h.class,
 			style: {
-				...M,
-				...F
+				...N,
+				...I
 			},
-			sizes: I.sizes,
-			srcSet: I.srcSet,
-			src: m.overrideSrc || I.src
+			sizes: L.sizes,
+			srcSet: L.srcSet,
+			src: h.overrideSrc || L.src
 		},
 		meta: {
-			unoptimized: k,
-			preload: m.preload || m.priority,
-			placeholder: m.placeholder,
-			fill: b
+			unoptimized: A,
+			preload: h.preload || h.priority,
+			placeholder: h.placeholder,
+			fill: x
 		}
 	};
 }