@neut/ui 0.0.16 → 0.0.18

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<div data-slot=alert-dialog-media>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogMedia.js","names":["splitProps","AlertDialogMediaProps","clsx","classes","AlertDialogMedia","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","AlertDialogMedia","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogMediaProps } from \"./AlertDialogMedia.types\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./AlertDialogMedia.styles\";\n\nexport const AlertDialogMedia = (props: AlertDialogMediaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;+DAKaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AlertDialogMedia.js","names":["splitProps","AlertDialogMediaProps","clsx","classes","AlertDialogMedia","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","AlertDialogMedia","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogMediaProps } from \"./AlertDialogMedia.types\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./AlertDialogMedia.styles\";\n\nexport const AlertDialogMedia = (props: AlertDialogMediaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;+DAKaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWvB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js

@@ -10,9 +10,14 @@ var u = /*#__PURE__*/ o("<h2 data-slot=alert-dialog-title>"), d = (o) => {
 		d(m);
 	}), (() => {
 		var t = u();
-		return i(t, "id", m), a(t, r({ get class() {
-			return e(n, f.class);
-		} }, p), !1, !1), t;
+		return i(t, "id", m), a(t, r({
+			get class() {
+				return e(n, f.class);
+			},
+			get classList() {
+				return f.classList;
+			}
+		}, p), !1, !1), t;
 	})();
 };
 //#endregion

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogTitle.js","names":["createUniqueId","onMount","splitProps","AlertDialogTitleProps","clsx","classes","useDialogContentContext","AlertDialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","AlertDialogTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { AlertDialogTitleProps } from \"./AlertDialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./AlertDialogTitle.styles\";\nimport { useDialogContentContext } from \"~/components/dialog\";\n\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"alert-dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8DAMaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAAkB,QAAA;GAAA,OAEC/B,EAAKC,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AlertDialogTitle.js","names":["createUniqueId","onMount","splitProps","AlertDialogTitleProps","clsx","classes","useDialogContentContext","AlertDialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","AlertDialogTitle","useDialogContentContext","local","others","splitProps","props","id","createUniqueId","onMount","_el$","setAttribute","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { AlertDialogTitleProps } from \"./AlertDialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./AlertDialogTitle.styles\";\nimport { useDialogContentContext } from \"~/components/dialog\";\n\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  const { setTitleID } = useDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"alert-dialog-title\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;8DAMaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,kBAAeH,EAAwB,GAEzC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC,GAE1DI,IAAKZ,EAAe;CAM1B,OAJAC,QAAc;EACZQ,EAAWG,CAAE;CACf,CAAC,UAED;EAAA,IAAAC,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAA,MAEQD,CAAE,GAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAEChC,EAAKC,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAE;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/aspect-ratio/AspectRatio.js

@@ -17,6 +17,9 @@ var o = /*#__PURE__*/ i("<div data-slot=aspect-ratio>"), s = (i) => {
 			},
 			get class() {
 				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
 			}
 		}, c), !1, !1), a;
 	})();

package/dist/components/aspect-ratio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.js","names":["splitProps","clsx","classes","AspectRatioProps","AspectRatio","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","style","ratio","class","_$mergeProps","_tmpl$","AspectRatio","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AspectRatio.styles\";\nimport type { AspectRatioProps } from \"./AspectRatio.types\";\n\nexport const AspectRatio = (props: AspectRatioProps) => {\n  const [local, others] = splitProps(props, [\"ratio\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      style={{ \"--ratio\": props.ratio }}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAS;CAAW,CAAC;CAEzE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAGIC,QAAK;IAAA,OAAE,EAAE,WAAWP,EAAMQ,MAAM;GAAC;GAAA,IAAAY,QAAA;IAAA,OAC1BxB,EAAKC,GAASI,EAAMQ,KAAK;GAAC;EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AspectRatio.js","names":["splitProps","clsx","classes","AspectRatioProps","AspectRatio","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","style","ratio","class","classList","_$mergeProps","_tmpl$","AspectRatio","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AspectRatio.styles\";\nimport type { AspectRatioProps } from \"./AspectRatio.types\";\n\nexport const AspectRatio = (props: AspectRatioProps) => {\n  const [local, others] = splitProps(props, [\"ratio\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      style={{ \"--ratio\": props.ratio }}\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAS;CAAW,CAAC;CAEzE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAMc,OANdC,EAAAF,GAAAG,EAAA;GAAA,IAGIC,QAAK;IAAA,OAAE,EAAE,WAAWP,EAAMQ,MAAM;GAAC;GAAA,IAAAa,QAAA;IAAA,OAC1BzB,EAAKC,GAASI,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/attachment/AttachmentTrigger/AttachmentTrigger.js

@@ -1,18 +1,26 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
 //#region src/components/attachment/AttachmentTrigger/AttachmentTrigger.tsx
-var i = (i) => {
-	let a = i.component ?? "button", o = a === "button" ? i.type ?? "button" : void 0;
-	return n(t, r(i, {
-		component: a,
-		type: o,
+var a = (a) => {
+	let [o, s] = i(a, [
+		"component",
+		"class",
+		"classList"
+	]), c = o.component ?? "button", l = c === "button" ? a.type ?? "button" : void 0;
+	return n(t, r(s, {
+		component: c,
+		type: l,
 		"data-slot": "attachment-trigger",
 		get class() {
-			return e("absolute inset-0 z-10 outline-none", i.class);
+			return e("absolute inset-0 z-10 outline-none", o.class);
+		},
+		get classList() {
+			return o.classList;
 		}
 	}));
 };
 //#endregion
-export { i as AttachmentTrigger };
+export { a as AttachmentTrigger };
 
 //# sourceMappingURL=AttachmentTrigger.js.map

package/dist/components/attachment/AttachmentTrigger/AttachmentTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentTrigger.js","names":["ValidComponent","Dynamic","clsx","AttachmentTriggerProps","AttachmentTrigger","props","T","component","type","undefined","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","AttachmentTrigger","component","props","type","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/attachment/AttachmentTrigger/AttachmentTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { AttachmentTriggerProps } from \"./AttachmentTrigger.types\";\n\n/**\n * 覆盖整张卡片的触发器（默认渲染 <button>），位于操作区之下，\n * 因此操作按钮仍可独立点击/聚焦；可通过 `component` 换成 <a> 等。\n */\nexport const AttachmentTrigger = <T extends ValidComponent = \"button\">(\n  props: AttachmentTriggerProps<T>,\n) => {\n  const component = (props.component as ValidComponent) ?? \"button\";\n  const type =\n    component === \"button\"\n      ? ((props as { type?: \"button\" | \"submit\" | \"reset\" }).type ?? \"button\")\n      : undefined;\n\n  return (\n    <Dynamic\n      {...props}\n      component={component}\n      type={type}\n      data-slot=\"attachment-trigger\"\n      class={clsx(\"absolute inset-0 z-10 outline-none\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;AASA,IAAaI,KACXC,MACG;CACH,IAAME,IAAaF,EAAME,aAAgC,UACnDC,IACJD,MAAc,WACRF,EAAmDG,QAAQ,WAC7DC,KAAAA;CAEN,OAAAC,EACGT,GAAOU,EACFN,GAAK;EACEE;EACLC;EAAI,aAAA;EAAA,IAAAc,QAAA;GAAA,OAEHpB,EAAK,sCAAsCG,EAAMO,KAAK;EAAC;CAAA,CAAA,CAAA;AAGpE"}
+{"version":3,"file":"AttachmentTrigger.js","names":["splitProps","ValidComponent","Dynamic","clsx","AttachmentTriggerProps","AttachmentTrigger","props","T","local","others","component","type","undefined","_$createComponent","_$mergeProps","class","classList","_$createComponent","_$mergeProps","AttachmentTrigger","local","others","splitProps","props","component","type","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/attachment/AttachmentTrigger/AttachmentTrigger.tsx"],"sourcesContent":["import { splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { AttachmentTriggerProps } from \"./AttachmentTrigger.types\";\n\n/**\n * 覆盖整张卡片的触发器（默认渲染 <button>），位于操作区之下，\n * 因此操作按钮仍可独立点击/聚焦；可通过 `component` 换成 <a> 等。\n */\nexport const AttachmentTrigger = <T extends ValidComponent = \"button\">(\n  props: AttachmentTriggerProps<T>,\n) => {\n  // class / classList 必须先摘出来：若直接 `{...props}` 再写 to显式 class，\n  // Solid 会用 node.className = value 把 classList 加上的类整体覆盖掉。\n  const [local, others] = splitProps(props as AttachmentTriggerProps, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n  const component = (local.component as ValidComponent) ?? \"button\";\n  const type =\n    component === \"button\"\n      ? ((props as { type?: \"button\" | \"submit\" | \"reset\" }).type ?? \"button\")\n      : undefined;\n\n  return (\n    <Dynamic\n      {...others}\n      component={component}\n      type={type}\n      data-slot=\"attachment-trigger\"\n      class={clsx(\"absolute inset-0 z-10 outline-none\", local.class)}\n      classList={local.classList}\n    />\n  );\n};\n"],"mappings":";;;;AASA,IAAaK,KACXC,MACG;CAGH,IAAM,CAACE,GAAOC,KAAUT,EAAWM,GAAiC;EAClE;EACA;EACA;CAAW,CACZ,GACKI,IAAaF,EAAME,aAAgC,UACnDC,IACJD,MAAc,WACRJ,EAAmDK,QAAQ,WAC7DC,KAAAA;CAEN,OAAAC,EACGX,GAAOY,EACFL,GAAM;EACCC;EACLC;EAAI,aAAA;EAAA,IAAAkB,QAAA;GAAA,OAEH1B,EAAK,sCAAsCK,EAAMO,KAAK;EAAC;EAAA,IAC9DC,YAAS;GAAA,OAAER,EAAMQ;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/avatar/Avatar/Avatar.context.d.ts

@@ -2,6 +2,13 @@ import { Accessor, Setter } from 'solid-js';
 interface AvatarContextValue {
     imageLoadFailed: Accessor<boolean>;
     setImageLoadFailed: Setter<boolean>;
+    /**
+     * 是否渲染了 AvatarImage。
+     * AvatarFallback 需要靠它区分「图片加载失败」与「压根没有图片」——
+     * 后者（如只给首字母的头像）也必须显示 fallback，否则是一个空白圆圈。
+     */
+    imagePresent: Accessor<boolean>;
+    setImagePresent: Setter<boolean>;
 }
 export declare const AvatarContext: import('solid-js').Context<AvatarContextValue | undefined>;
 export declare const useAvatarContext: () => AvatarContextValue;

package/dist/components/avatar/Avatar/Avatar.context.js

@@ -2,7 +2,7 @@ import { createContext as e, useContext as t } from "solid-js";
 //#region src/components/avatar/Avatar/Avatar.context.ts
 var n = e(), r = () => {
 	let e = t(n);
-	if (!e) throw Error("useAvatarContext must be used within Avatar");
+	if (!e) throw Error("useAvatarContext 必须用在 <Avatar> 内部");
 	return e;
 };
 //#endregion

package/dist/components/avatar/Avatar/Avatar.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.context.js","names":["AvatarContext","createContext","useAvatarContext","ctx","useContext"],"sources":["../../../../src/components/avatar/Avatar/Avatar.context.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type Accessor,\n  type Setter,\n} from \"solid-js\";\n\ninterface AvatarContextValue {\n  imageLoadFailed: Accessor<boolean>;\n  setImageLoadFailed: Setter<boolean>;\n}\n\nexport const AvatarContext = createContext<AvatarContextValue>();\n\nexport const useAvatarContext = () => {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(\"useAvatarContext must be used within Avatar\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAYA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,6CAA6C;CAG/D,OAAOA;AACT"}
+{"version":3,"file":"Avatar.context.js","names":["AvatarContext","createContext","useAvatarContext","ctx","useContext"],"sources":["../../../../src/components/avatar/Avatar/Avatar.context.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type Accessor,\n  type Setter,\n} from \"solid-js\";\n\ninterface AvatarContextValue {\n  imageLoadFailed: Accessor<boolean>;\n  setImageLoadFailed: Setter<boolean>;\n  /**\n   * 是否渲染了 AvatarImage。\n   * AvatarFallback 需要靠它区分「图片加载失败」与「压根没有图片」——\n   * 后者（如只给首字母的头像）也必须显示 fallback，否则是一个空白圆圈。\n   */\n  imagePresent: Accessor<boolean>;\n  setImagePresent: Setter<boolean>;\n}\n\nexport const AvatarContext = createContext<AvatarContextValue>();\n\nexport const useAvatarContext = () => {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(\"useAvatarContext 必须用在 <Avatar> 内部\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAmBA,IAAaA,IAAgBC,EAAkC,GAElDC,UAAyB;CACpC,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,mCAAmC;CAGrD,OAAOA;AACT"}

package/dist/components/avatar/Avatar/Avatar.js

@@ -9,7 +9,7 @@ var u = /*#__PURE__*/ o("<span data-slot=avatar>"), d = (o) => {
 		"class",
 		"classList",
 		"children"
-	]), [m, h] = s(!1);
+	]), [m, h] = s(!1), [g, _] = s(!1);
 	return (() => {
 		var o = u();
 		return a(o, i({
@@ -18,11 +18,16 @@ var u = /*#__PURE__*/ o("<span data-slot=avatar>"), d = (o) => {
 			},
 			get class() {
 				return e("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-neutral-200 dark:after:border-white/10 after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", f.class);
+			},
+			get classList() {
+				return f.classList;
 			}
 		}, p), !1, !0), r(o, n(t.Provider, {
 			value: {
 				imageLoadFailed: m,
-				setImageLoadFailed: h
+				setImageLoadFailed: h,
+				imagePresent: g,
+				setImagePresent: _
 			},
 			get children() {
 				return f.children;

package/dist/components/avatar/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["createSignal","mergeProps","splitProps","clsx","AvatarProps","AvatarContext","Avatar","props","merged","size","const","local","others","imageLoadFailed","setImageLoadFailed","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","_$insert","_$createComponent","Provider","value","children","mergeProps","_$mergeProps","_$createComponent","mergeProps$1","_tmpl$","Avatar","merged","props","local","others","splitProps","imageLoadFailed","setImageLoadFailed","createSignal","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","AvatarContext"],"sources":["../../../../src/components/avatar/Avatar/Avatar.tsx"],"sourcesContent":["import { createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarProps } from \"./Avatar.types\";\nimport { AvatarContext } from \"./Avatar.context\";\n\nexport const Avatar = (props: AvatarProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [imageLoadFailed, setImageLoadFailed] = createSignal(false);\n\n  return (\n    <span\n      data-slot=\"avatar\"\n      data-size={local.size}\n      class={clsx(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-neutral-200 dark:after:border-white/10 after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        local.class,\n      )}\n      {...others}\n    >\n      <AvatarContext.Provider value={{ imageLoadFailed, setImageLoadFailed }}>\n        {local.children}\n      </AvatarContext.Provider>\n    </span>\n  );\n};\n"],"mappings":";;;;;oDAKaM,KAAUC,MAAuB;CAC5C,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACK,GAAiBC,KAAsBd,EAAa,EAAK;CAEhE,cAAA;EAAA,IAAAe,IAAAC,EAAA;EAWqB,OAXrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;IAAA,OAGeP,EAAMF;GAAI;GAAA,IAAAkC,QAAA;IAAA,OACdxC,EACL,yRACAQ,EAAMS,KACR;GAAC;EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAN,GAAAO,EAETjB,EAAckB,UAAQ;GAACC,OAAO;IAAEX;IAAiBC;GAAmB;GAAC,IAAAW,WAAA;IAAA,OACnEd,EAAMc;GAAQ;EAAA,CAAA,CAAA,GAAAV;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"Avatar.js","names":["createSignal","mergeProps","splitProps","clsx","AvatarProps","AvatarContext","Avatar","props","merged","size","const","local","others","imageLoadFailed","setImageLoadFailed","imagePresent","setImagePresent","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","classList","_$insert","_$createComponent","Provider","value","children","mergeProps","_$mergeProps","_$createComponent","mergeProps$1","_tmpl$","Avatar","merged","props","local","others","splitProps","imageLoadFailed","setImageLoadFailed","createSignal","imagePresent","setImagePresent","_el$","spread","mergeProps","\"class\"","clsx","insert","createComponent","AvatarContext"],"sources":["../../../../src/components/avatar/Avatar/Avatar.tsx"],"sourcesContent":["import { createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarProps } from \"./Avatar.types\";\nimport { AvatarContext } from \"./Avatar.context\";\n\nexport const Avatar = (props: AvatarProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [imageLoadFailed, setImageLoadFailed] = createSignal(false);\n  const [imagePresent, setImagePresent] = createSignal(false);\n\n  return (\n    <span\n      data-slot=\"avatar\"\n      data-size={local.size}\n      class={clsx(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-neutral-200 dark:after:border-white/10 after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      <AvatarContext.Provider\n        value={{\n          imageLoadFailed,\n          setImageLoadFailed,\n          imagePresent,\n          setImagePresent,\n        }}\n      >\n        {local.children}\n      </AvatarContext.Provider>\n    </span>\n  );\n};\n"],"mappings":";;;;;oDAKaM,KAAUC,MAAuB;CAC5C,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAElD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;EACA;CAAU,CACX,GAEK,CAACK,GAAiBC,KAAsBd,EAAa,EAAK,GAC1D,CAACe,GAAcC,KAAmBhB,EAAa,EAAK;CAE1D,cAAA;EAAA,IAAAiB,IAAAC,EAAA;EAmBqB,OAnBrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;IAAA,OAGeT,EAAMF;GAAI;GAAA,IAAAuC,QAAA;IAAA,OACd7C,EACL,yRACAQ,EAAMW,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEZ,EAAMY;GAAS;EAAA,GACtBX,CAAM,GAAA,IAAA,EAAA,GAAAY,EAAAP,GAAAQ,EAETpB,EAAcqB,UAAQ;GACrBC,OAAO;IACLd;IACAC;IACAC;IACAC;GACF;GAAC,IAAAY,WAAA;IAAA,OAEAjB,EAAMiB;GAAQ;EAAA,CAAA,CAAA,GAAAX;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/avatar/AvatarBadge/AvatarBadge.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<span data-slot=avatar-badge>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full", "bg-neutral-900 dark:bg-neutral-200 text-neutral-50 dark:text-neutral-900 bg-blend-color ring-2 ring-white dark:ring-neutral-950 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full", "bg-neutral-900 dark:bg-neutral-200 text-neutral-50 dark:text-neutral-900 bg-blend-color ring-2 ring-white dark:ring-neutral-950 select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/avatar/AvatarBadge/AvatarBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarBadge.js","names":["splitProps","clsx","AvatarBadgeProps","AvatarBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","AvatarBadge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarBadge/AvatarBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarBadgeProps } from \"./AvatarBadge.types\";\n\nexport const AvatarBadge = (props: AvatarBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      class={clsx(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full\",\n        \"bg-neutral-900 dark:bg-neutral-200 text-neutral-50 dark:text-neutral-900 bg-blend-color ring-2 ring-white dark:ring-neutral-950 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAWc,OAXdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EACL,uFACA,+IACA,iFACA,mFACA,iFACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AvatarBadge.js","names":["splitProps","clsx","AvatarBadgeProps","AvatarBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","AvatarBadge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarBadge/AvatarBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarBadgeProps } from \"./AvatarBadge.types\";\n\nexport const AvatarBadge = (props: AvatarBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      class={clsx(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full\",\n        \"bg-neutral-900 dark:bg-neutral-200 text-neutral-50 dark:text-neutral-900 bg-blend-color ring-2 ring-white dark:ring-neutral-950 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0DAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAYc,OAZdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EACL,uFACA,+IACA,iFACA,mFACA,iFACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/avatar/AvatarFallback/AvatarFallback.js

@@ -4,16 +4,21 @@ import { createComponent as n, mergeProps as r, spread as i, template as a } fro
 import { Show as o, splitProps as s } from "solid-js";
 //#region src/components/avatar/AvatarFallback/AvatarFallback.tsx
 var c = /*#__PURE__*/ a("<span data-slot=avatar-fallback>"), l = (a) => {
-	let { imageLoadFailed: l } = t(), [u, d] = s(a, ["class", "classList"]);
+	let { imageLoadFailed: l, imagePresent: u } = t(), [d, f] = s(a, ["class", "classList"]);
 	return n(o, {
 		get when() {
-			return l();
+			return !u() || l();
 		},
 		get children() {
 			var t = c();
-			return i(t, r({ get class() {
-				return e("flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 group-data-[size=sm]/avatar:text-xs", u.class);
-			} }, d), !1, !1), t;
+			return i(t, r({
+				get class() {
+					return e("flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 group-data-[size=sm]/avatar:text-xs", d.class);
+				},
+				get classList() {
+					return d.classList;
+				}
+			}, f), !1, !1), t;
 		}
 	});
 };

package/dist/components/avatar/AvatarFallback/AvatarFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarFallback.js","names":["Show","splitProps","clsx","AvatarFallbackProps","useAvatarContext","AvatarFallback","props","imageLoadFailed","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$mergeProps","class","_$createComponent","_$mergeProps","_tmpl$","AvatarFallback","useAvatarContext","local","others","splitProps","props","createComponent","Show","imageLoadFailed","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarFallback/AvatarFallback.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarFallbackProps } from \"./AvatarFallback.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarFallback = (props: AvatarFallbackProps) => {\n  const { imageLoadFailed } = useAvatarContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Show when={imageLoadFailed()}>\n      <span\n        data-slot=\"avatar-fallback\"\n        class={clsx(\n          \"flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 group-data-[size=sm]/avatar:text-xs\",\n          local.class,\n        )}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAAkBC,MAA+B;CAC5D,IAAM,EAAEC,uBAAoBH,EAAiB,GAEvC,CAACI,GAAOC,KAAUR,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAI,EACGV,GAAI;EAAA,IAACW,OAAI;GAAA,OAAEJ,EAAgB;EAAC;EAAA,IAAAK,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAOf,OAPeC,EAAAF,GAAAG,EAAA,EAAA,IAAAiB,QAAA;IAAA,OAGlB/B,EACL,iLACAM,EAAMS,KACR;GAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAI;EAAA;CAAA,CAAA;AAIlB"}
+{"version":3,"file":"AvatarFallback.js","names":["Show","splitProps","clsx","AvatarFallbackProps","useAvatarContext","AvatarFallback","props","imageLoadFailed","imagePresent","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$createComponent","_$mergeProps","_tmpl$","AvatarFallback","useAvatarContext","local","others","splitProps","props","createComponent","Show","imagePresent","imageLoadFailed","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarFallback/AvatarFallback.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarFallbackProps } from \"./AvatarFallback.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarFallback = (props: AvatarFallbackProps) => {\n  const { imageLoadFailed, imagePresent } = useAvatarContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Show when={!imagePresent() || imageLoadFailed()}>\n      <span\n        data-slot=\"avatar-fallback\"\n        class={clsx(\n          \"flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 group-data-[size=sm]/avatar:text-xs\",\n          local.class,\n        )}\n        classList={local.classList}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;6DAKaK,KAAkBC,MAA+B;CAC5D,IAAM,EAAEC,oBAAiBC,oBAAiBJ,EAAiB,GAErD,CAACK,GAAOC,KAAUT,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAK,EACGX,GAAI;EAAA,IAACY,OAAI;GAAA,OAAE,CAACJ,EAAa,KAAKD,EAAgB;EAAC;EAAA,IAAAM,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAQlC,OARkCC,EAAAF,GAAAG,EAAA;IAAA,IAAAmB,QAAA;KAAA,OAGrClC,EACL,iLACAO,EAAMS,KACR;IAAC;IAAA,IACDC,YAAS;KAAA,OAAEV,EAAMU;IAAS;GAAA,GACtBT,CAAM,GAAA,IAAA,EAAA,GAAAI;EAAA;CAAA,CAAA;AAIlB"}

package/dist/components/avatar/AvatarGroup/AvatarGroup.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=avatar-group>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-white dark:*:data-[slot=avatar]:ring-neutral-950", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-white dark:*:data-[slot=avatar]:ring-neutral-950", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/avatar/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","names":["splitProps","clsx","AvatarGroupProps","AvatarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","AvatarGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupProps } from \"./AvatarGroup.types\";\n\nexport const AvatarGroup = (props: AvatarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      class={clsx(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-white dark:*:data-[slot=avatar]:ring-neutral-950\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;yDAIaG,KAAeC,MAA4B;CACtD,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,6IACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AvatarGroup.js","names":["splitProps","clsx","AvatarGroupProps","AvatarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","AvatarGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupProps } from \"./AvatarGroup.types\";\n\nexport const AvatarGroup = (props: AvatarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      class={clsx(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-white dark:*:data-[slot=avatar]:ring-neutral-950\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;yDAIaG,KAAeC,MAA4B;CACtD,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,6IACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js

@@ -6,9 +6,14 @@ var a = /*#__PURE__*/ r("<div data-slot=avatar-group-count>"), o = (r) => {
 	let [o, s] = i(r, ["class", "classList"]);
 	return (() => {
 		var r = a();
-		return n(r, t({ get class() {
-			return e("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 ring-2 ring-white dark:ring-neutral-950 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", o.class);
-		} }, s), !1, !1), r;
+		return n(r, t({
+			get class() {
+				return e("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 ring-2 ring-white dark:ring-neutral-950 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}, s), !1, !1), r;
 	})();
 };
 //#endregion

package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroupCount.js","names":["splitProps","clsx","AvatarGroupCountProps","AvatarGroupCount","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","AvatarGroupCount","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarGroupCount/AvatarGroupCount.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupCountProps } from \"./AvatarGroupCount.types\";\n\nexport const AvatarGroupCount = (props: AvatarGroupCountProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      class={clsx(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 ring-2 ring-white dark:ring-neutral-950 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+DAIaG,KAAoBC,MAAiC;CAChE,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,wZACAI,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"AvatarGroupCount.js","names":["splitProps","clsx","AvatarGroupCountProps","AvatarGroupCount","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","AvatarGroupCount","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarGroupCount/AvatarGroupCount.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupCountProps } from \"./AvatarGroupCount.types\";\n\nexport const AvatarGroupCount = (props: AvatarGroupCountProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      class={clsx(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 ring-2 ring-white dark:ring-neutral-950 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+DAIaG,KAAoBC,MAAiC;CAChE,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,wZACAI,EAAMM,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/avatar/AvatarImage/AvatarImage.js

@@ -1,34 +1,41 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import { useAvatarContext as t } from "../Avatar/Avatar.context.js";
 import { createComponent as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
-import { Show as o, splitProps as s } from "solid-js";
+import { Show as o, createEffect as s, onCleanup as c, splitProps as l } from "solid-js";
 //#region src/components/avatar/AvatarImage/AvatarImage.tsx
-var c = /*#__PURE__*/ a("<img data-slot=avatar-image>"), l = (a) => {
-	let { imageLoadFailed: l, setImageLoadFailed: u } = t(), [d, f] = s(a, [
+var u = /*#__PURE__*/ a("<img data-slot=avatar-image>"), d = (a) => {
+	let { imageLoadFailed: d, setImageLoadFailed: f, setImagePresent: p } = t();
+	s(() => {
+		p(!0), c(() => p(!1));
+	});
+	let [m, h] = l(a, [
 		"alt",
 		"class",
 		"classList"
-	]), p = () => {
-		u(!0);
+	]), g = () => {
+		f(!0);
 	};
 	return n(o, {
 		get when() {
-			return !l();
+			return !d();
 		},
 		get children() {
-			var t = c();
-			return t.addEventListener("error", p), i(t, r({
+			var t = u();
+			return t.addEventListener("error", g), i(t, r({
 				get alt() {
-					return d.alt ?? "Avatar Image";
+					return m.alt ?? "Avatar Image";
 				},
 				get class() {
-					return e("aspect-square size-full rounded-full object-cover", d.class);
+					return e("aspect-square size-full rounded-full object-cover", m.class);
+				},
+				get classList() {
+					return m.classList;
 				}
-			}, f), !1, !1), t;
+			}, h), !1, !1), t;
 		}
 	});
 };
 //#endregion
-export { l as AvatarImage };
+export { d as AvatarImage };
 
 //# sourceMappingURL=AvatarImage.js.map

package/dist/components/avatar/AvatarImage/AvatarImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarImage.js","names":["Show","splitProps","clsx","AvatarImageProps","useAvatarContext","AvatarImage","props","imageLoadFailed","setImageLoadFailed","local","others","handleError","_$createComponent","when","children","_el$","_tmpl$","addEventListener","_$spread","_$mergeProps","alt","class","_$createComponent","_$mergeProps","_tmpl$","AvatarImage","useAvatarContext","local","others","splitProps","props","handleError","createComponent","Show","imageLoadFailed","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarImage/AvatarImage.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarImageProps } from \"./AvatarImage.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarImage = (props: AvatarImageProps) => {\n  const { imageLoadFailed, setImageLoadFailed } = useAvatarContext();\n\n  const [local, others] = splitProps(props, [\"alt\", \"class\", \"classList\"]);\n\n  const handleError = () => {\n    setImageLoadFailed(true);\n  };\n\n  return (\n    <Show when={!imageLoadFailed()}>\n      <img\n        data-slot=\"avatar-image\"\n        alt={local.alt ?? \"Avatar Image\"}\n        onError={handleError}\n        class={clsx(\n          \"aspect-square size-full rounded-full object-cover\",\n          local.class,\n        )}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;yDAKaK,KAAeC,MAA4B;CACtD,IAAM,EAAEC,oBAAiBC,0BAAuBJ,EAAiB,GAE3D,CAACK,GAAOC,KAAUT,EAAWK,GAAO;EAAC;EAAO;EAAS;CAAW,CAAC,GAEjEK,UAAoB;EACxBH,EAAmB,EAAI;CACzB;CAEA,OAAAI,EACGZ,GAAI;EAAA,IAACa,OAAI;GAAA,OAAE,CAACN,EAAgB;EAAC;EAAA,IAAAO,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAShB,OATgBD,EAAAE,iBAAA,SAIjBN,CAAW,GAAAO,EAAAH,GAAAI,EAAA;IAAA,IADpBC,MAAG;KAAA,OAAEX,EAAMW,OAAO;IAAc;IAAA,IAAAkB,QAAA;KAAA,OAEzBpC,EACL,qDACAO,EAAMY,KACR;IAAC;GAAA,GACGX,CAAM,GAAA,IAAA,EAAA,GAAAK;EAAA;CAAA,CAAA;AAIlB"}
+{"version":3,"file":"AvatarImage.js","names":["Show","createEffect","onCleanup","splitProps","clsx","AvatarImageProps","useAvatarContext","AvatarImage","props","imageLoadFailed","setImageLoadFailed","setImagePresent","local","others","handleError","_$createComponent","when","children","_el$","_tmpl$","addEventListener","_$spread","_$mergeProps","alt","class","classList","_$createComponent","_$mergeProps","_tmpl$","AvatarImage","useAvatarContext","setImagePresent","onCleanup","local","others","splitProps","props","handleError","createComponent","Show","imageLoadFailed","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/avatar/AvatarImage/AvatarImage.tsx"],"sourcesContent":["import { Show, createEffect, onCleanup, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarImageProps } from \"./AvatarImage.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarImage = (props: AvatarImageProps) => {\n  const { imageLoadFailed, setImageLoadFailed, setImagePresent } =\n    useAvatarContext();\n\n  // 图片存在期间登记给 Avatar：这样\"没有图片\"时 AvatarFallback 才知道该顶上\n  createEffect(() => {\n    setImagePresent(true);\n    onCleanup(() => setImagePresent(false));\n  });\n\n  const [local, others] = splitProps(props, [\"alt\", \"class\", \"classList\"]);\n\n  const handleError = () => {\n    setImageLoadFailed(true);\n  };\n\n  return (\n    <Show when={!imageLoadFailed()}>\n      <img\n        data-slot=\"avatar-image\"\n        alt={local.alt ?? \"Avatar Image\"}\n        onError={handleError}\n        class={clsx(\n          \"aspect-square size-full rounded-full object-cover\",\n          local.class,\n        )}\n        classList={local.classList}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;yDAKaO,KAAeC,MAA4B;CACtD,IAAM,EAAEC,oBAAiBC,uBAAoBC,uBAC3CL,EAAiB;CAGnBL,QAAmB;EAEjBC,AADAS,EAAgB,EAAI,GACpBT,QAAgBS,EAAgB,EAAK,CAAC;CACxC,CAAC;CAED,IAAM,CAACC,GAAOC,KAAUV,EAAWK,GAAO;EAAC;EAAO;EAAS;CAAW,CAAC,GAEjEM,UAAoB;EACxBJ,EAAmB,EAAI;CACzB;CAEA,OAAAK,EACGf,GAAI;EAAA,IAACgB,OAAI;GAAA,OAAE,CAACP,EAAgB;EAAC;EAAA,IAAAQ,WAAA;GAAA,IAAAC,IAAAC,EAAA;GAUhB,OAVgBD,EAAAE,iBAAA,SAIjBN,CAAW,GAAAO,EAAAH,GAAAI,EAAA;IAAA,IADpBC,MAAG;KAAA,OAAEX,EAAMW,OAAO;IAAc;IAAA,IAAAqB,QAAA;KAAA,OAEzBxC,EACL,qDACAQ,EAAMY,KACR;IAAC;IAAA,IACDC,YAAS;KAAA,OAAEb,EAAMa;IAAS;GAAA,GACtBZ,CAAM,GAAA,IAAA,EAAA,GAAAK;EAAA;CAAA,CAAA;AAIlB"}

package/dist/components/badge/Badge.js

@@ -3,7 +3,7 @@ import { badgeVariants as t } from "./Badge.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/badge/Badge.tsx
-var o = /*#__PURE__*/ i("<span>"), s = (i) => {
+var o = /*#__PURE__*/ i("<span data-slot=badge>"), s = (i) => {
 	let [s, c] = a(i, [
 		"variant",
 		"class",
@@ -11,9 +11,14 @@ var o = /*#__PURE__*/ i("<span>"), s = (i) => {
 	]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t({ variant: s.variant }), s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t({ variant: s.variant }), s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["splitProps","clsx","badgeVariants","BadgeProps","Badge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","variant","_$mergeProps","_tmpl$","Badge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","badgeVariants"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { badgeVariants } from \"./Badge.styles\";\nimport type { BadgeProps } from \"./Badge.types\";\n\nexport const Badge = (props: BadgeProps) => {\n  const [local, others] = splitProps(props, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <span\n      class={clsx(badgeVariants({ variant: local.variant }), local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;mCAKaI,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAW;EAAS;CAAW,CAAC;CAE3E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAGc,OAHdC,EAAAF,GAAAG,EAAA,EAAA,IAAAa,QAAA;GAAA,OAEWvB,EAAKC,EAAc,EAAEW,SAASP,EAAMO,QAAQ,CAAC,GAAGP,EAAMM,KAAK;EAAC,EAAA,GAC/DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Badge.js","names":["splitProps","clsx","badgeVariants","BadgeProps","Badge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","variant","classList","_$mergeProps","_tmpl$","Badge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","badgeVariants"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { badgeVariants } from \"./Badge.styles\";\nimport type { BadgeProps } from \"./Badge.types\";\n\nexport const Badge = (props: BadgeProps) => {\n  const [local, others] = splitProps(props, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"badge\"\n      class={clsx(badgeVariants({ variant: local.variant }), local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;mDAKaI,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAW;EAAS;CAAW,CAAC;CAE3E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,EAAc,EAAEW,SAASP,EAAMO,QAAQ,CAAC,GAAGP,EAAMM,KAAK;GAAC;GAAA,IACnEE,YAAS;IAAA,OAAER,EAAMQ;GAAS;EAAA,GACtBP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.js

@@ -8,9 +8,14 @@ var l = /*#__PURE__*/ o("<span data-slot=breadcrumb-ellipsis role=presentation a
 	let [u, d] = s(o, ["class", "classList"]);
 	return (() => {
 		var o = l(), s = o.firstChild;
-		return a(o, i({ get class() {
-			return e(t, u.class);
-		} }, d), !1, !0), r(o, n(c, {}), s), o;
+		return a(o, i({
+			get class() {
+				return e(t, u.class);
+			},
+			get classList() {
+				return u.classList;
+			}
+		}, d), !1, !0), r(o, n(c, {}), s), o;
 	})();
 };
 //#endregion

package/dist/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbEllipsis.js","names":["splitProps","BreadcrumbEllipsisProps","classes","clsx","Ellipsis","BreadcrumbEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbEllipsisProps } from \"./BreadcrumbEllipsis.types\";\nimport { classes } from \"./BreadcrumbEllipsis.styles\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const BreadcrumbEllipsis = (props: BreadcrumbEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;;4HAMaK,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAQa,OARbC,EAAAJ,GAAAK,EAAA,EAAA,IAAAgB,QAAA;GAAA,OAKW3B,EAAKD,GAASK,EAAMQ,KAAK;EAAC,EAAA,GAC7BP,CAAM,GAAA,IAAA,EAAA,GAAAQ,EAAAP,GAAAQ,EAETb,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}
+{"version":3,"file":"BreadcrumbEllipsis.js","names":["splitProps","BreadcrumbEllipsisProps","classes","clsx","Ellipsis","BreadcrumbEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbEllipsis","local","others","splitProps","props","_el$","_el$2","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Ellipsis"],"sources":["../../../../src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbEllipsisProps } from \"./BreadcrumbEllipsis.types\";\nimport { classes } from \"./BreadcrumbEllipsis.styles\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const BreadcrumbEllipsis = (props: BreadcrumbEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;;4HAMaK,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EASa,OATbC,EAAAJ,GAAAK,EAAA;GAAA,IAAAiB,QAAA;IAAA,OAKW5B,EAAKD,GAASK,EAAMQ,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAR,GAAAS,EAETd,GAAQ,CAAA,CAAA,GAAAO,CAAA,GAAAF;CAAA,EAAA,CAAA;AAIf"}

package/dist/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<li data-slot=breadcrumb-item>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["splitProps","BreadcrumbItemProps","clsx","classes","BreadcrumbItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","BreadcrumbItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbItemProps } from \"./BreadcrumbItem.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbItem.styles\";\n\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"BreadcrumbItem.js","names":["splitProps","BreadcrumbItemProps","clsx","classes","BreadcrumbItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","BreadcrumbItem","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbItemProps } from \"./BreadcrumbItem.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbItem.styles\";\n\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.js

@@ -20,6 +20,9 @@ var s = (s) => {
 		"data-slot": "breadcrumb-link",
 		get class() {
 			return e(t, l.class);
+		},
+		get classList() {
+			return l.classList;
 		}
 	}, u));
 };

package/dist/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","BreadcrumbLinkProps","ResolvedBreadcrumbLinkProps","clsx","classes","BreadcrumbLink","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","href","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","BreadcrumbLink","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type {\n  BreadcrumbLinkProps,\n  ResolvedBreadcrumbLinkProps,\n} from \"./BreadcrumbLink.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbLink.styles\";\n\nexport const BreadcrumbLink = <T extends ValidComponent = \"a\">(\n  props: BreadcrumbLinkProps<T>,\n) => {\n  const merged = mergeProps(\n    { component: \"a\" as ValidComponent } as const,\n    props as ResolvedBreadcrumbLinkProps,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"href\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component}\n      href={local.href}\n      data-slot=\"breadcrumb-link\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaQ,KACXC,MACG;CACH,IAAME,IAASX,EACb,EAAEY,WAAW,IAAsB,GACnCH,CACF,GAEM,CAACK,GAAOC,KAAUd,EAAWU,GAAQ;EACzC;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGb,GAAOc,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAAS;EAAA,IAC1BM,OAAI;GAAA,OAAEJ,EAAMI;EAAI;EAAA,aAAA;EAAA,IAAAe,QAAA;GAAA,OAET3B,EAAKC,GAASO,EAAMK,KAAK;EAAC;CAAA,GAC7BJ,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"BreadcrumbLink.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","BreadcrumbLinkProps","ResolvedBreadcrumbLinkProps","clsx","classes","BreadcrumbLink","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","href","class","classList","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","BreadcrumbLink","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type {\n  BreadcrumbLinkProps,\n  ResolvedBreadcrumbLinkProps,\n} from \"./BreadcrumbLink.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbLink.styles\";\n\nexport const BreadcrumbLink = <T extends ValidComponent = \"a\">(\n  props: BreadcrumbLinkProps<T>,\n) => {\n  const merged = mergeProps(\n    { component: \"a\" as ValidComponent } as const,\n    props as ResolvedBreadcrumbLinkProps,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"href\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component}\n      href={local.href}\n      data-slot=\"breadcrumb-link\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaQ,KACXC,MACG;CACH,IAAME,IAASX,EACb,EAAEY,WAAW,IAAsB,GACnCH,CACF,GAEM,CAACK,GAAOC,KAAUd,EAAWU,GAAQ;EACzC;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGb,GAAOc,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAAS;EAAA,IAC1BM,OAAI;GAAA,OAAEJ,EAAMI;EAAI;EAAA,aAAA;EAAA,IAAAgB,QAAA;GAAA,OAET5B,EAAKC,GAASO,EAAMK,KAAK;EAAC;EAAA,IACjCC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,GACtBL,CAAM,CAAA;AAGhB"}

package/dist/components/breadcrumb/BreadcrumbList/BreadcrumbList.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<ol data-slot=breadcrumb-list>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

package/dist/components/breadcrumb/BreadcrumbList/BreadcrumbList.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbList.js","names":["splitProps","BreadcrumbListProps","clsx","classes","BreadcrumbList","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","BreadcrumbList","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbList/BreadcrumbList.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbListProps } from \"./BreadcrumbList.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbList.styles\";\n\nexport const BreadcrumbList = (props: BreadcrumbListProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIc,OAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWrB,EAAKC,GAASG,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"BreadcrumbList.js","names":["splitProps","BreadcrumbListProps","clsx","classes","BreadcrumbList","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","BreadcrumbList","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbList/BreadcrumbList.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbListProps } from \"./BreadcrumbList.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbList.styles\";\n\nexport const BreadcrumbList = (props: BreadcrumbListProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAGWtB,EAAKC,GAASG,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}