@neut/ui 0.0.17 → 0.0.18

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","_$mergeProps","_tmpl$","FieldGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"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,IAAAY,QAAA;GAAA,OAGWrB,EACL,wIACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldGroup.js","names":["splitProps","clsx","FieldGroupProps","FieldGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","FieldGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"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      classList={local.classList}\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;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,wIACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -9,6 +9,9 @@ var a = (a) => {
 		"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-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);
+		},
+		get classList() {
+			return o.classList;
 		}
 	}, 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","_$createComponent","_$mergeProps","FieldLabel","local","others","splitProps","props","createComponent","Label","mergeProps","\"class\"","clsx"],"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,IAAAY,QAAA;GAAA,OAEGpB,EACL,uXACA,qEACAK,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class","classList","_$createComponent","_$mergeProps","FieldLabel","local","others","splitProps","props","createComponent","Label","mergeProps","\"class\"","clsx"],"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      classList={local.classList}\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,IAAAa,QAAA;GAAA,OAEGrB,EACL,uXACA,qEACAK,EAAMI,KACR;EAAC;EAAA,IACDC,YAAS;GAAA,OAAEL,EAAMK;EAAS;CAAA,GACtBJ,CAAM,CAAA;AAGhB"}

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

@@ -16,6 +16,9 @@ var o = /*#__PURE__*/ r("<legend data-slot=field-legend>"), s = (r) => {
 			},
 			get class() {
 				return e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", c.class);
+			},
+			get classList() {
+				return c.classList;
 			}
 		}, l), !1, !1), r;
 	})();

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","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","FieldLegend","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"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,IAAAuB,QAAA;IAAA,OACpB5B,EACL,mFACAO,EAAMO,KACR;GAAC;EAAA,GACGN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"FieldLegend.js","names":["mergeProps","splitProps","clsx","FieldLegendProps","FieldLegend","props","merged","variant","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","FieldLegend","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx"],"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      classList={local.classList}\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;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkBL,EAAMF;GAAO;GAAA,IAAAwB,QAAA;IAAA,OACpB7B,EACL,mFACAO,EAAMO,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -17,6 +17,9 @@ var l = /*#__PURE__*/ o("<span class=\"relative mx-auto block w-fit bg-backgroun
 			},
 			get class() {
 				return e("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", d.class);
+			},
+			get classList() {
+				return d.classList;
 			}
 		}, f), !1, !0), r(o, n(t, { class: "absolute inset-0 top-1/2" }), null), r(o, n(s, {
 			get when() {

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$","_$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"}
+{"version":3,"file":"FieldSeparator.js","names":["Show","splitProps","clsx","FieldSeparatorProps","Separator","FieldSeparator","props","local","others","_el$","_tmpl$2","_$spread","_$mergeProps","data-content","children","class","classList","_$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      classList={local.classList}\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;EAkBuB,OAlBvBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAGkB,CAAC,CAACL,EAAMO;GAAQ;GAAA,IAAAoB,QAAA;IAAA,OACvBhC,EACL,6EACAK,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAAAS,EAETd,GAAS,EAAA8B,OAAA,2BAAA,CAAA,GAAA,IAAA,GAAAjB,EAAAR,GAAAS,EAETlB,GAAI;GAAA,IAACmB,OAAI;IAAA,OAAEZ,EAAMO;GAAQ;GAAA,IAAAA,WAAA;IAAA,IAAAM,IAAAC,EAAA;IAKP,OALOJ,EAAAG,SAKrBb,EAAMO,QAAQ,GAAAM;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAX;CAAA,EAAA,CAAA;AAKzB"}

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

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<fieldset data-slot=field-set>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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","_$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"}
+{"version":3,"file":"FieldSet.js","names":["splitProps","FieldSetProps","clsx","FieldSet","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$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      classList={local.classList}\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;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWrB,EACL,oGACAG,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=field-label>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

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","_$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"}
+{"version":3,"file":"FieldTitle.js","names":["splitProps","clsx","FieldTitleProps","FieldTitle","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$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      classList={local.classList}\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;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,iGACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/image/Image.utils.d.ts

@@ -1,20 +1,18 @@
-import { ImageConfigComplete, ImageProps, ImgPropsResult, OnLoad, OnLoadingComplete, PlaceholderValue } from './Image.types';
-/** 用于追踪每个 img 节点已处理的 src，避免重复触发 */
-type ImgWithDataProp = HTMLImageElement & {
-    "data-loaded-src"?: string;
-};
-/**
- * 在图片加载/hydrate 后调用。
- * - 使用 img.decode() 确保像素已解码再触发回调
- * - 清除 blur placeholder
- * - 开发环境下输出 fill / sizes 相关警告
- */
-export declare function handleLoading(img: ImgWithDataProp, placeholder: PlaceholderValue, onLoad: OnLoad | undefined, onLoadingComplete: OnLoadingComplete | undefined, setBlurComplete: (v: boolean) => void, unoptimized: boolean, sizesInput: string | undefined): void;
-interface GetImgPropsOptions {
-    imgConf: ImageConfigComplete;
+import { ImageConfig, ImageConfigComplete, ImageProps, ImgPropsResult } from './Image.types';
+export { handleLoading } from './lib/handle-loading';
+export { VALID_LOADING_VALUES } from './lib/dev-checks';
+export interface GetImgPropsOptions {
+    /** 省略时使用内置默认配置（与 ImageConfigProvider 的默认值一致） */
+    imgConf?: ImageConfigComplete;
     blurComplete: boolean;
     showAltText: boolean;
 }
-export declare const VALID_LOADING_VALUES: readonly ["lazy", "eager", undefined];
+/**
+ * 解析 `<Image>` 的 props。
+ *
+ * 流程：合并默认值 → 规范化 config → 解析静态导入 → 决定 unoptimized/lazy →
+ * 开发期校验 → 计算样式与占位 → 生成 `src`/`srcSet` → 组装结果。
+ */
 export declare function getImgProps(props: ImageProps, { imgConf, blurComplete, showAltText }: GetImgPropsOptions): ImgPropsResult;
-export {};
+/** 合并 deviceSizes / imageSizes 得到 allSizes，并按升序排列（不改动入参） */
+export declare function normalizeConfig(c: ImageConfig | ImageConfigComplete): ImageConfig;

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

@@ -1,37 +1,19 @@
 import { imageConfigDefault as e } from "./Image.config.js";
-import { mergeProps as t, splitProps as n } from "solid-js";
+import { getImageBlurSvg as t, getPlaceholderStyle as n } from "./lib/blur.js";
+import { defaultLoader as r, generateImgAttrs as i } from "./lib/loader.js";
+import { getInt as a, isStaticImport as o, isStaticRequire as s } from "./lib/static-import.js";
+import { handleLoading as c } from "./lib/handle-loading.js";
+import { mergeProps as l, splitProps as u } 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) {
-			if (t !== "empty" && i(!0), n) {
-				let t = new Event("load");
-				Object.defineProperty(t, "target", {
-					writable: !1,
-					value: e
-				}), n(t);
-			}
-			r && r(e);
-		}
-	}));
-}
-var i = [
-	"-moz-initial",
-	"fill",
-	"none",
-	"scale-down",
-	void 0
-];
-function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
-	let m = t({
+function d(t, { imgConf: n, blurComplete: o, showAltText: s }) {
+	let c = f(n ?? e), d = l({
 		fill: !1,
 		priority: !1,
 		preload: !1,
 		placeholder: "empty",
-		unoptimized: a.unoptimized,
+		unoptimized: c.unoptimized,
 		decoding: "async"
-	}, r), [h, g] = n(m, [
+	}, t), [b, x] = u(d, [
 		"src",
 		"loader",
 		"quality",
@@ -57,184 +39,158 @@ function a(r, { imgConf: a, blurComplete: l, showAltText: p }) {
 		"fetchpriority",
 		"class",
 		"decoding"
-	]), _, v = a || e;
-	if ("allSizes" in v) _ = v;
-	else {
-		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 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%",
-				height: "auto"
-			},
-			responsive: {
-				width: "100%",
-				height: "auto"
-			}
-		}, t = {
-			responsive: "100vw",
-			fill: "100vw"
-		}, n = e[h.layout];
-		n && (y = {
-			...y,
-			...n
-		});
-		let r = t[h.layout];
-		r && !b && (b = r);
-	}
-	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 (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 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%",
-		left: 0,
-		top: 0,
-		right: 0,
-		bottom: 0,
-		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": P
-	} : {}, L = f({
-		config: _,
-		src: k,
-		unoptimized: A,
-		width: T,
-		quality: M,
-		sizes: b,
+	]), S = b.loader || r, { style: C, sizes: w, fill: T } = p(b), E = m(b, T), D = E.widthInt, O = E.heightInt, k = b.blurDataURL || E.blurDataURL, A = typeof b.src == "string" ? b.src : E.src, j = a(b.quality), M = h(b, c, A), N = g(b, A), P = _({
+		fill: T,
+		showAltText: s,
+		style: C,
+		local: b
+	}), F = v({
+		blurComplete: o,
+		placeholder: b.placeholder,
+		blurDataURL: k,
+		stat: E,
+		widthInt: D,
+		heightInt: O,
+		imgStyle: P
+	}), I = i({
+		config: c,
+		src: A,
+		unoptimized: M,
+		width: D,
+		quality: j,
+		sizes: w,
 		loader: S
-	}), R = j ? "lazy" : h.loading;
+	});
 	return {
-		props: {
-			...g,
-			loading: R,
-			fetchpriority: h.fetchpriority,
-			width: T,
-			height: E,
-			decoding: h.decoding,
-			class: h.class,
-			style: {
-				...N,
-				...I
-			},
-			sizes: L.sizes,
-			srcSet: L.srcSet,
-			src: h.overrideSrc || L.src
-		},
+		props: y({
+			others: x,
+			loadingFinal: N ? "lazy" : b.loading,
+			local: b,
+			widthInt: D,
+			heightInt: O,
+			imgStyle: P,
+			placeholderStyle: F,
+			imgAttributes: I
+		}),
 		meta: {
-			unoptimized: A,
-			preload: h.preload || h.priority,
-			placeholder: h.placeholder,
-			fill: x
+			unoptimized: M,
+			preload: b.preload || b.priority,
+			placeholder: b.placeholder,
+			fill: T
 		}
 	};
 }
-function o({ src: e, width: t, quality: n }) {
-	if (e.startsWith("http://") || e.startsWith("https://")) return e;
-	let r = new URLSearchParams();
-	return r.set("url", e), r.set("w", String(t)), n && r.set("q", String(n)), `/_image?${r.toString()}`;
+function f(e) {
+	return "allSizes" in e ? e : {
+		...e,
+		allSizes: [...e.deviceSizes, ...e.imageSizes].sort((e, t) => e - t),
+		deviceSizes: [...e.deviceSizes].sort((e, t) => e - t),
+		qualities: e.qualities ? [...e.qualities].sort((e, t) => e - t) : void 0
+	};
+}
+function p(e) {
+	let t = e.style, n = e.sizes, r = e.fill, i = e.layout;
+	if (!i) return {
+		style: t,
+		sizes: n,
+		fill: r
+	};
+	i === "fill" && (r = !0);
+	let a = {
+		intrinsic: {
+			maxWidth: "100%",
+			height: "auto"
+		},
+		responsive: {
+			width: "100%",
+			height: "auto"
+		}
+	}, o = {
+		responsive: "100vw",
+		fill: "100vw"
+	}, s = a[i];
+	s && (t = {
+		...t,
+		...s
+	});
+	let c = o[i];
+	return c && !n && (n = c), {
+		style: t,
+		sizes: n,
+		fill: r
+	};
 }
-function s(e) {
-	return e === void 0 ? e : typeof e == "number" ? Number.isFinite(e) ? e : NaN : typeof e == "string" && /^[0-9]+$/.test(e) ? parseInt(e, 10) : NaN;
+function m(e, t) {
+	let n = {
+		src: "",
+		widthInt: a(e.width),
+		heightInt: a(e.height),
+		blurDataURL: void 0,
+		blurWidth: void 0,
+		blurHeight: void 0
+	};
+	if (!o(e.src)) return n;
+	let r = s(e.src) ? e.src.default : e.src;
+	if (!r.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(r)}`);
+	if (!r.height || !r.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(r)}`);
+	return n.src = r.src, n.blurWidth = r.blurWidth, n.blurHeight = r.blurHeight, n.blurDataURL = r.blurDataURL, t || (!n.widthInt && !n.heightInt ? (n.widthInt = r.width, n.heightInt = r.height) : n.widthInt && !n.heightInt ? n.heightInt = Math.round(r.height * (n.widthInt / r.width)) : !n.widthInt && n.heightInt && (n.widthInt = Math.round(r.width * (n.heightInt / r.height)))), n;
 }
-function c(e) {
-	return e.default !== void 0;
+function h(e, t, n) {
+	return !!(e.unoptimized || !n || n.startsWith("data:") || n.startsWith("blob:") || t.unoptimized || !t.dangerouslyAllowSVG && n.split("?", 1)[0].endsWith(".svg"));
 }
-function l(e) {
-	return e.src !== void 0;
+function g(e, t) {
+	return !(e.priority || e.preload || e.loading === "eager" || !t || t.startsWith("data:") || t.startsWith("blob:"));
 }
-function u(e) {
-	return !!e && typeof e == "object" && (c(e) || l(e));
+function _({ fill: e, showAltText: t, style: n, local: r }) {
+	return Object.assign(e ? {
+		position: "absolute",
+		height: "100%",
+		width: "100%",
+		left: 0,
+		top: 0,
+		right: 0,
+		bottom: 0,
+		objectFit: r.objectFit,
+		objectPosition: r.objectPosition
+	} : {}, t ? {} : { color: "transparent" }, n);
 }
-function d({ widthInt: e, heightInt: t, blurWidth: n, blurHeight: r, blurDataURL: i, objectFit: a }) {
-	let o = n ? n * 40 : e, s = r ? r * 40 : t, c = o && s ? `viewBox='0 0 ${o} ${s}'` : "";
-	return `%3Csvg xmlns='http://www.w3.org/2000/svg' ${c}%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='${c ? "none" : a === "contain" ? "xMidYMid" : a === "cover" ? "xMidYMid slice" : "none"}' style='filter: url(%23b);' href='${i}'/%3E%3C/svg%3E`;
+function v({ blurComplete: e, placeholder: r, blurDataURL: i, stat: a, widthInt: o, heightInt: s, imgStyle: c }) {
+	if (e || r === "empty") return {};
+	let l = c["object-fit"], u = c["object-position"], d = r === "blur" ? `url("data:image/svg+xml;charset=utf-8,${t({
+		widthInt: o,
+		heightInt: s,
+		blurWidth: a.blurWidth,
+		blurHeight: a.blurHeight,
+		blurDataURL: i,
+		objectFit: l
+	})}")` : `url("${r}")`;
+	return n({
+		blurComplete: e,
+		placeholder: r,
+		objectFit: l,
+		objectPosition: u,
+		backgroundImage: d
+	});
 }
-function f({ config: e, src: t, unoptimized: n, width: r, quality: i, sizes: a, loader: o }) {
-	if (n) return {
-		src: t,
-		srcSet: void 0,
-		sizes: void 0
-	};
-	let { widths: s, kind: c } = p(e, r, a), l = s.length - 1;
+function y({ others: e, loadingFinal: t, local: n, widthInt: r, heightInt: i, imgStyle: a, placeholderStyle: o, imgAttributes: s }) {
 	return {
-		sizes: !a && c === "w" ? "100vw" : a,
-		srcSet: s.map((n, r) => `${o({
-			config: e,
-			src: t,
-			quality: i,
-			width: n
-		})} ${c === "w" ? n : r + 1}${c}`).join(", "),
-		src: o({
-			config: e,
-			src: t,
-			quality: i,
-			width: s[l]
-		})
-	};
-}
-function p({ deviceSizes: e, allSizes: t }, n, r) {
-	if (r) {
-		let n = /(^|\s)(1?\d?\d)vw/g, i = [];
-		for (let e; e = n.exec(r);) i.push(Number.parseInt(e[2], 10));
-		if (i.length) {
-			let n = Math.min(...i) * .01;
-			return {
-				widths: t.filter((t) => t >= e[0] * n),
-				kind: "w"
-			};
-		}
-		return {
-			widths: t,
-			kind: "w"
-		};
-	}
-	return typeof n == "number" ? {
-		widths: [...new Set([n, n * 2].map((e) => t.find((t) => t >= e) || t[t.length - 1]))],
-		kind: "x"
-	} : {
-		widths: e,
-		kind: "w"
+		...e,
+		loading: t,
+		fetchpriority: n.fetchpriority,
+		width: r,
+		height: i,
+		decoding: n.decoding,
+		class: n.class,
+		style: {
+			...a,
+			...o
+		},
+		sizes: s.sizes,
+		srcSet: s.srcSet,
+		src: n.overrideSrc || s.src
 	};
 }
 //#endregion
-export { a as getImgProps, r as handleLoading };
+export { d as getImgProps, c as handleLoading, f as normalizeConfig };
 
 //# sourceMappingURL=Image.utils.js.map