@manafishrov/ui 1.4.4 → 1.4.6

package/dist/components/Avatar.js

@@ -1,72 +1,61 @@
-import { createComponent as n, mergeProps as s, spread as u, template as i } from "solid-js/web";
-import { avatar_exports as d } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/TFTY2V3E.js";
-import { cn as o } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { splitProps as l } from "solid-js";
-var g = /* @__PURE__ */ i("<span data-slot=avatar-badge>"), c = /* @__PURE__ */ i("<div data-slot=avatar-group>"), v = /* @__PURE__ */ i("<div data-slot=avatar-group-count>");
-const b = (t) => {
-  const [a, e] = l(t, ["class", "size"]);
-  return n(d.Root, s({
-    "data-slot": "avatar",
-    get "data-size"() {
-      return a.size ?? "default";
-    },
-    get class() {
-      return o("size-8 data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:inset-0 relative flex shrink-0 rounded-full select-none after:absolute after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten", a.class);
-    }
-  }, e));
-}, x = (t) => {
-  const [a, e] = l(t, ["class"]);
-  return n(d.Image, s({
-    "data-slot": "avatar-image",
-    get class() {
-      return o("aspect-square size-full rounded-full object-cover", a.class);
-    }
-  }, e));
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { avatar_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/TFTY2V3E.js";
+import { createComponent as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+//#region src/components/Avatar.tsx
+var s = /* @__PURE__ */ a("<span data-slot=avatar-badge>"), c = /* @__PURE__ */ a("<div data-slot=avatar-group>"), l = /* @__PURE__ */ a("<div data-slot=avatar-group-count>"), u = (i) => {
+	let [a, s] = o(i, ["class", "size"]);
+	return n(t.Root, r({
+		"data-slot": "avatar",
+		get "data-size"() {
+			return a.size ?? "default";
+		},
+		get class() {
+			return e("size-8 data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:inset-0 relative flex shrink-0 rounded-full select-none after:absolute after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten", a.class);
+		}
+	}, s));
+}, d = (i) => {
+	let [a, s] = o(i, ["class"]);
+	return n(t.Image, r({
+		"data-slot": "avatar-image",
+		get class() {
+			return e("aspect-square size-full rounded-full object-cover", a.class);
+		}
+	}, s));
+}, f = (i) => {
+	let [a, s] = o(i, ["class"]);
+	return n(t.Fallback, r({
+		"data-slot": "avatar-fallback",
+		get class() {
+			return e("text-sm group-data-[size=sm]/avatar:text-xs flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground", a.class);
+		}
+	}, s));
+}, p = (t) => {
+	let [n, a] = o(t, ["class"]);
+	return (() => {
+		var t = s();
+		return i(t, r({ get class() {
+			return e("right-0 bottom-0 absolute z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", n.class);
+		} }, a), !1, !1), t;
+	})();
+}, m = (t) => {
+	let [n, a] = o(t, ["class"]);
+	return (() => {
+		var t = c();
+		return i(t, r({ get class() {
+			return e("group/avatar-group -space-x-2 flex *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", n.class);
+		} }, a), !1, !1), t;
+	})();
 }, h = (t) => {
-  const [a, e] = l(t, ["class"]);
-  return n(d.Fallback, s({
-    "data-slot": "avatar-fallback",
-    get class() {
-      return o("text-sm group-data-[size=sm]/avatar:text-xs flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground", a.class);
-    }
-  }, e));
-}, k = (t) => {
-  const [a, e] = l(t, ["class"]);
-  return (() => {
-    var r = g();
-    return u(r, s({
-      get class() {
-        return o("right-0 bottom-0 absolute z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", a.class);
-      }
-    }, e), !1, !1), r;
-  })();
-}, _ = (t) => {
-  const [a, e] = l(t, ["class"]);
-  return (() => {
-    var r = c();
-    return u(r, s({
-      get class() {
-        return o("group/avatar-group -space-x-2 flex *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", a.class);
-      }
-    }, e), !1, !1), r;
-  })();
-}, A = (t) => {
-  const [a, e] = l(t, ["class"]);
-  return (() => {
-    var r = v();
-    return u(r, s({
-      get class() {
-        return o("size-8 text-sm 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 relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground ring-2 ring-background", a.class);
-      }
-    }, e), !1, !1), r;
-  })();
+	let [n, a] = o(t, ["class"]);
+	return (() => {
+		var t = l();
+		return i(t, r({ get class() {
+			return e("size-8 text-sm 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 relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground ring-2 ring-background", n.class);
+		} }, a), !1, !1), t;
+	})();
 };
-export {
-  b as Avatar,
-  k as AvatarBadge,
-  h as AvatarFallback,
-  _ as AvatarGroup,
-  A as AvatarGroupCount,
-  x as AvatarImage
-};
-//# sourceMappingURL=Avatar.js.map
+//#endregion
+export { u as Avatar, p as AvatarBadge, f as AvatarFallback, m as AvatarGroup, h as AvatarGroupCount, d as AvatarImage };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Avatar as AvatarPrimitive } from '@ark-ui/solid/avatar';\nimport { cn } from 'tailwind-variants';\n\nexport const Avatar: Component<AvatarPrimitive.RootProps & { size?: 'sm' | 'default' | 'lg' }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  return (\n    <AvatarPrimitive.Root\n      data-slot='avatar'\n      data-size={local.size ?? 'default'}\n      class={cn(\n        'size-8 data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:inset-0 relative flex shrink-0 rounded-full select-none after:absolute after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarImage: Component<AvatarPrimitive.ImageProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <AvatarPrimitive.Image\n      data-slot='avatar-image'\n      class={cn('aspect-square size-full rounded-full object-cover', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarFallback: Component<AvatarPrimitive.FallbackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot='avatar-fallback'\n      class={cn(\n        'text-sm group-data-[size=sm]/avatar:text-xs flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarBadge: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      data-slot='avatar-badge'\n      class={cn(\n        'right-0 bottom-0 absolute z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/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\nexport const AvatarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='avatar-group'\n      class={cn(\n        'group/avatar-group -space-x-2 flex *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarGroupCount: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='avatar-group-count'\n      class={cn(\n        'size-8 text-sm 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 relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground ring-2 ring-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["Avatar","props","local","others","splitProps","_$createComponent","AvatarPrimitive","Root","_$mergeProps","size","cn","class","AvatarImage","Image","AvatarFallback","Fallback","AvatarBadge","_el$","_tmpl$","_$spread","AvatarGroup","_el$2","_tmpl$2","AvatarGroupCount","_el$3","_tmpl$3"],"mappings":";;;;;AAKO,MAAMA,IACXC,CAAAA,MACG;AACH,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,MAAM,CAAC;AAC3D,SAAAI,EACGC,EAAgBC,MAAIC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,cAAA;AAAA,aAERN,EAAMO,QAAQ;AAAA,IAAS;AAAA,IAAA,IAAA,QAAA;AAAA,aAC3BC,EACL,yPACAR,EAAMS,KACR;AAAA,IAAC;AAAA,EAAA,GACGR,CAAM,CAAA;AAGhB,GAEaS,IAAsDX,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBO,OAAKL,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEbE,EAAG,qDAAqDR,EAAMS,KAAK;AAAA,IAAC;AAAA,EAAA,GACvER,CAAM,CAAA;AAGhB,GAEaW,IAA4Db,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGC,EAAgBS,UAAQP,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBE,EACL,sIACAR,EAAMS,KACR;AAAA,IAAC;AAAA,EAAA,GACGR,CAAM,CAAA;AAGhB,GAEaa,IAAkDf,CAAAA,MAAU;AACvE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAgB,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAT,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWE,EACL,4KACA,iFACA,6FACA,iFACAR,EAAMS,KACR;AAAA,MAAC;AAAA,IAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAc;AAAAA,EAAA,GAAA;AAGhB,GAEaG,IAAiDnB,CAAAA,MAAU;AACtE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAoB,IAAAC,EAAAA;AAAAH,WAAAA,EAAAE,GAAAb,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWE,EACL,uGACAR,EAAMS,KACR;AAAA,MAAC;AAAA,IAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAkB;AAAAA,EAAA,GAAA;AAGhB,GAEaE,IAAsDtB,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAuB,IAAAC,EAAAA;AAAAN,WAAAA,EAAAK,GAAAhB,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWE,EACL,4VACAR,EAAMS,KACR;AAAA,MAAC;AAAA,IAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAqB;AAAAA,EAAA,GAAA;AAGhB;"}
+{"version":3,"file":"Avatar.js","names":["Component","ComponentProps","Avatar","AvatarPrimitive","cn","RootProps","size","props","local","others","splitProps","_$createComponent","Root","_$mergeProps","data-size","class","AvatarImage","ImageProps","Image","AvatarFallback","FallbackProps","Fallback","AvatarBadge","_el$","_tmpl$","_$spread","AvatarGroup","_el$2","_tmpl$2","AvatarGroupCount","_el$3","_tmpl$3"],"sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { Avatar as AvatarPrimitive } from '@ark-ui/solid/avatar';\nimport { cn } from 'tailwind-variants';\n\nexport const Avatar: Component<AvatarPrimitive.RootProps & { size?: 'sm' | 'default' | 'lg' }> = (\n  props,\n) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n  return (\n    <AvatarPrimitive.Root\n      data-slot='avatar'\n      data-size={local.size ?? 'default'}\n      class={cn(\n        'size-8 data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:inset-0 relative flex shrink-0 rounded-full select-none after:absolute after:rounded-full after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarImage: Component<AvatarPrimitive.ImageProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <AvatarPrimitive.Image\n      data-slot='avatar-image'\n      class={cn('aspect-square size-full rounded-full object-cover', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarFallback: Component<AvatarPrimitive.FallbackProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot='avatar-fallback'\n      class={cn(\n        'text-sm group-data-[size=sm]/avatar:text-xs flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarBadge: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      data-slot='avatar-badge'\n      class={cn(\n        'right-0 bottom-0 absolute z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none',\n        'group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden',\n        'group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/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\nexport const AvatarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='avatar-group'\n      class={cn(\n        'group/avatar-group -space-x-2 flex *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const AvatarGroupCount: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='avatar-group-count'\n      class={cn(\n        'size-8 text-sm 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 relative flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground ring-2 ring-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;gLAKaE,KACXK,MACG;CACH,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,SAAS,OAAO,CAAC;AAC5D,QAAAI,EACGR,EAAgBS,MAAIC,EAAA;EAAA,aAAA;EAAA,IAAA,cAAA;AAAA,UAERL,EAAMF,QAAQ;;EAAS,IAAA,QAAA;AAAA,UAC3BF,EACL,yPACAI,EAAMO,MACP;;EAAA,EACGN,EAAM,CAAA;GAKHO,KAAsDT,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAI,EACGR,EAAgBe,OAAKL,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEbT,EAAG,qDAAqDI,EAAMO,MAAM;;EAAA,EACvEN,EAAM,CAAA;GAKHU,KAA4DZ,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAI,EACGR,EAAgBkB,UAAQR,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEhBT,EACL,sIACAI,EAAMO,MACP;;EAAA,EACGN,EAAM,CAAA;GAKHa,KAAkDf,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAgB,IAAAC,GAAA;AAUc,SAVdC,EAAAF,GAAAV,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,4KACA,iFACA,6FACA,iFACAI,EAAMO,MACP;KAAA,EACGN,EAAM,EAAA,IAAA,GAAA,EAAAc;KAAA;GAKHG,KAAiDnB,MAAU;CACtE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAoB,IAAAC,GAAA;AAOc,SAPdH,EAAAE,GAAAd,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,uGACAI,EAAMO,MACP;KAAA,EACGN,EAAM,EAAA,IAAA,GAAA,EAAAkB;KAAA;GAKHE,KAAsDtB,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAuB,IAAAC,GAAA;AAOc,SAPdN,EAAAK,GAAAjB,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,4VACAI,EAAMO,MACP;KAAA,EACGN,EAAM,EAAA,IAAA,GAAA,EAAAqB;KAAA"}

package/dist/components/Badge.js

@@ -1,38 +1,31 @@
-import { spread as i, mergeProps as n, template as s } from "solid-js/web";
-import { splitProps as o } from "solid-js";
-import { tv as d } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-var l = /* @__PURE__ */ s("<span data-slot=badge>");
-const u = d({
-  base: "h-5 gap-1 rounded-4xl px-2 py-0.5 text-xs font-medium group/badge has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border border-transparent whitespace-nowrap transition-all select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-      secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-      destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-      outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-      ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-      link: "text-primary underline-offset-4 hover:underline"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), b = (t) => {
-  const [e, a] = o(t, ["class", "variant"]);
-  return (() => {
-    var r = l();
-    return i(r, n({
-      get class() {
-        return u({
-          class: e.class,
-          variant: e.variant
-        });
-      }
-    }, a), !1, !1), r;
-  })();
+import { tv as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/Badge.tsx
+var a = /* @__PURE__ */ r("<span data-slot=badge>"), o = e({
+	base: "h-5 gap-1 rounded-4xl px-2 py-0.5 text-xs font-medium group/badge has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border border-transparent whitespace-nowrap transition-all select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+}), s = (e) => {
+	let [r, s] = i(e, ["class", "variant"]);
+	return (() => {
+		var e = a();
+		return n(e, t({ get class() {
+			return o({
+				class: r.class,
+				variant: r.variant
+			});
+		} }, s), !1, !1), e;
+	})();
 };
-export {
-  b as Badge,
-  u as badgeVariants
-};
-//# sourceMappingURL=Badge.js.map
+//#endregion
+export { s as Badge, o as badgeVariants };
+
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/components/Badge.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { type VariantProps, tv } from 'tailwind-variants';\n\nexport const badgeVariants = tv({\n  base: 'h-5 gap-1 rounded-4xl px-2 py-0.5 text-xs font-medium group/badge has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border border-transparent whitespace-nowrap transition-all select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',\n  variants: {\n    variant: {\n      default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n      secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n      destructive:\n        'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',\n      outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n      ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n      link: 'text-primary underline-offset-4 hover:underline',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type BadgeProps = ComponentProps<'span'> & VariantProps<typeof badgeVariants>;\n\nexport const Badge: Component<BadgeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant']);\n\n  return (\n    <span\n      data-slot='badge'\n      class={badgeVariants({ class: local.class, variant: local.variant })}\n      {...others}\n    />\n  );\n};\n"],"names":["badgeVariants","tv","base","variants","variant","default","secondary","destructive","outline","ghost","link","defaultVariants","Badge","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class"],"mappings":";;;;AAGO,MAAMA,IAAgBC,EAAG;AAAA,EAC9BC,MAAM;AAAA,EACNC,UAAU;AAAA,IACRC,SAAS;AAAA,MACPC,SAAS;AAAA,MACTC,WAAW;AAAA,MACXC,aACE;AAAA,MACFC,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEFC,iBAAiB;AAAA,IACfP,SAAS;AAAA,EAAA;AAEb,CAAC,GAIYQ,IAAgCC,CAAAA,MAAU;AACrD,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,SAAS,CAAC;AAE9D,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWpB,EAAc;AAAA,UAAEqB,OAAOP,EAAMO;AAAAA,UAAOjB,SAASU,EAAMV;AAAAA,QAAAA,CAAS;AAAA,MAAC;AAAA,IAAA,GAChEW,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAGhB;"}
+{"version":3,"file":"Badge.js","names":["Component","ComponentProps","splitProps","VariantProps","tv","badgeVariants","base","variants","variant","default","secondary","destructive","outline","ghost","link","defaultVariants","BadgeProps","Badge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { type VariantProps, tv } from 'tailwind-variants';\n\nexport const badgeVariants = tv({\n  base: 'h-5 gap-1 rounded-4xl px-2 py-0.5 text-xs font-medium group/badge has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border border-transparent whitespace-nowrap transition-all select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',\n  variants: {\n    variant: {\n      default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n      secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n      destructive:\n        'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',\n      outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n      ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n      link: 'text-primary underline-offset-4 hover:underline',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport type BadgeProps = ComponentProps<'span'> & VariantProps<typeof badgeVariants>;\n\nexport const Badge: Component<BadgeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant']);\n\n  return (\n    <span\n      data-slot='badge'\n      class={badgeVariants({ class: local.class, variant: local.variant })}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;qDAGaK,IAAgBD,EAAG;CAC9BE,MAAM;CACNC,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,WAAW;EACXC,aACE;EACFC,SAAS;EACTC,OAAO;EACPC,MAAM;EACR,EACD;CACDC,iBAAiB,EACfP,SAAS,WACX;CACD,CAAC,EAIWS,KAAgCC,MAAU;CACrD,IAAM,CAACC,GAAOC,KAAUlB,EAAWgB,GAAO,CAAC,SAAS,UAAU,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWnB,EAAc;IAAEoB,OAAON,EAAMM;IAAOjB,SAASW,EAAMX;IAAS,CAAC;KAAA,EAChEY,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/Breadcrumb.js

@@ -1,93 +1,75 @@
-import { spread as n, mergeProps as a, insert as i, createComponent as m, template as c } from "solid-js/web";
-import { splitProps as l } from "solid-js";
-import { cn as o } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import d from "../_virtual/chevron-right.js";
-import p from "../_virtual/more-horiz.js";
-import { Link as f } from "./Link.js";
-import { ui_breadcrumb_label as b } from "../paraglide/messages/ui_breadcrumb_label.js";
-import { ui_common_more as g } from "../paraglide/messages/ui_common_more.js";
-var _ = /* @__PURE__ */ c("<nav data-slot=breadcrumb>"), h = /* @__PURE__ */ c("<ol data-slot=breadcrumb-list>"), $ = /* @__PURE__ */ c("<li data-slot=breadcrumb-item>"), v = /* @__PURE__ */ c("<span data-slot=breadcrumb-page role=link aria-disabled=true aria-current=page>"), x = /* @__PURE__ */ c("<li data-slot=breadcrumb-separator role=presentation aria-hidden=true>"), B = /* @__PURE__ */ c("<span data-slot=breadcrumb-ellipsis role=presentation aria-hidden=true><span class=sr-only>");
-const j = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return (() => {
-    var r = _();
-    return n(r, a({
-      get "aria-label"() {
-        return b();
-      },
-      get class() {
-        return o(e.class);
-      }
-    }, s), !1, !1), r;
-  })();
-}, E = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return (() => {
-    var r = h();
-    return n(r, a({
-      get class() {
-        return o("gap-1.5 text-sm flex flex-wrap items-center wrap-break-word text-muted-foreground", e.class);
-      }
-    }, s), !1, !1), r;
-  })();
-}, H = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return (() => {
-    var r = $();
-    return n(r, a({
-      get class() {
-        return o("gap-1 inline-flex items-center", e.class);
-      }
-    }, s), !1, !1), r;
-  })();
-}, M = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return m(f, a({
-    "data-slot": "breadcrumb-link",
-    get class() {
-      return o("transition-colors hover:text-foreground", e.class);
-    }
-  }, s));
-}, R = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return (() => {
-    var r = v();
-    return n(r, a({
-      get class() {
-        return o("font-normal text-foreground", e.class);
-      }
-    }, s), !1, !1), r;
-  })();
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { ui_common_more as t } from "../paraglide/messages/ui_common_more.js";
+import { ui_breadcrumb_label as n } from "../paraglide/messages/ui_breadcrumb_label.js";
+import r from "../_virtual/~icons/material-symbols/chevron-right.js";
+import i from "../_virtual/~icons/material-symbols/more-horiz.js";
+import { Link as a } from "./Link.js";
+import { createComponent as o, insert as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
+//#region src/components/Breadcrumb.tsx
+var f = /* @__PURE__ */ u("<nav data-slot=breadcrumb>"), p = /* @__PURE__ */ u("<ol data-slot=breadcrumb-list>"), m = /* @__PURE__ */ u("<li data-slot=breadcrumb-item>"), h = /* @__PURE__ */ u("<span data-slot=breadcrumb-page role=link aria-disabled=true aria-current=page>"), g = /* @__PURE__ */ u("<li data-slot=breadcrumb-separator role=presentation aria-hidden=true>"), _ = /* @__PURE__ */ u("<span data-slot=breadcrumb-ellipsis role=presentation aria-hidden=true><span class=sr-only>"), v = (t) => {
+	let [r, i] = d(t, ["class"]);
+	return (() => {
+		var t = f();
+		return l(t, c({
+			get "aria-label"() {
+				return n();
+			},
+			get class() {
+				return e(r.class);
+			}
+		}, i), !1, !1), t;
+	})();
+}, y = (t) => {
+	let [n, r] = d(t, ["class"]);
+	return (() => {
+		var t = p();
+		return l(t, c({ get class() {
+			return e("gap-1.5 text-sm flex flex-wrap items-center wrap-break-word text-muted-foreground", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, b = (t) => {
+	let [n, r] = d(t, ["class"]);
+	return (() => {
+		var t = m();
+		return l(t, c({ get class() {
+			return e("gap-1 inline-flex items-center", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, x = (t) => {
+	let [n, r] = d(t, ["class"]);
+	return o(a, c({
+		"data-slot": "breadcrumb-link",
+		get class() {
+			return e("transition-colors hover:text-foreground", n.class);
+		}
+	}, r));
 }, S = (t) => {
-  const [e, s] = l(t, ["class", "children"]);
-  return (() => {
-    var r = x();
-    return n(r, a({
-      get class() {
-        return o("[&>svg]:size-4.5", e.class);
-      }
-    }, s), !1, !0), i(r, () => e.children ?? m(d, {})), r;
-  })();
-}, q = (t) => {
-  const [e, s] = l(t, ["class"]);
-  return (() => {
-    var r = B(), u = r.firstChild;
-    return n(r, a({
-      get class() {
-        return o("size-6 relative flex items-center justify-center", e.class);
-      }
-    }, s), !1, !0), i(r, m(p, {
-      class: "size-5"
-    }), u), i(u, () => g()), r;
-  })();
+	let [n, r] = d(t, ["class"]);
+	return (() => {
+		var t = h();
+		return l(t, c({ get class() {
+			return e("font-normal text-foreground", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, C = (t) => {
+	let [n, i] = d(t, ["class", "children"]);
+	return (() => {
+		var t = g();
+		return l(t, c({ get class() {
+			return e("[&>svg]:size-4.5", n.class);
+		} }, i), !1, !0), s(t, () => n.children ?? o(r, {})), t;
+	})();
+}, w = (n) => {
+	let [r, a] = d(n, ["class"]);
+	return (() => {
+		var n = _(), u = n.firstChild;
+		return l(n, c({ get class() {
+			return e("size-6 relative flex items-center justify-center", r.class);
+		} }, a), !1, !0), s(n, o(i, { class: "size-5" }), u), s(u, () => t()), n;
+	})();
 };
-export {
-  j as Breadcrumb,
-  q as BreadcrumbEllipsis,
-  H as BreadcrumbItem,
-  M as BreadcrumbLink,
-  E as BreadcrumbList,
-  R as BreadcrumbPage,
-  S as BreadcrumbSeparator
-};
-//# sourceMappingURL=Breadcrumb.js.map
+//#endregion
+export { v as Breadcrumb, w as BreadcrumbEllipsis, b as BreadcrumbItem, x as BreadcrumbLink, y as BreadcrumbList, S as BreadcrumbPage, C as BreadcrumbSeparator };
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\nimport MoreHorizIcon from '~icons/material-symbols/more-horiz';\n\nimport { Link, type LinkProps } from '@/components/Link';\nimport * as messages from '@/paraglide/messages';\n\nexport const Breadcrumb: Component<ComponentProps<'nav'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <nav\n      aria-label={messages.ui_breadcrumb_label()}\n      data-slot='breadcrumb'\n      class={cn(local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbList: Component<ComponentProps<'ol'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ol\n      data-slot='breadcrumb-list'\n      class={cn(\n        'gap-1.5 text-sm flex flex-wrap items-center wrap-break-word text-muted-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='breadcrumb-item'\n      class={cn('gap-1 inline-flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type BreadcrumbLinkProps = LinkProps & { class?: string | undefined };\n\nexport const BreadcrumbLink: Component<BreadcrumbLinkProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Link\n      data-slot='breadcrumb-link'\n      class={cn('transition-colors hover:text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbPage: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      data-slot='breadcrumb-page'\n      role='link'\n      aria-disabled='true'\n      aria-current='page'\n      class={cn('font-normal text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbSeparator: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <li\n      data-slot='breadcrumb-separator'\n      role='presentation'\n      aria-hidden='true'\n      class={cn('[&>svg]:size-4.5', local.class)}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon />}\n    </li>\n  );\n};\n\nexport const BreadcrumbEllipsis: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      data-slot='breadcrumb-ellipsis'\n      role='presentation'\n      aria-hidden='true'\n      class={cn('size-6 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <MoreHorizIcon class='size-5' />\n      <span class='sr-only'>{messages.ui_common_more()}</span>\n    </span>\n  );\n};\n"],"names":["Breadcrumb","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","messages","ui_breadcrumb_label","cn","class","BreadcrumbList","_el$2","_tmpl$2","BreadcrumbItem","_el$3","_tmpl$3","BreadcrumbLink","_$createComponent","Link","BreadcrumbPage","_el$4","_tmpl$4","BreadcrumbSeparator","_el$5","_tmpl$5","_$insert","children","ChevronRightIcon","BreadcrumbEllipsis","_el$6","_tmpl$6","_el$7","firstChild","MoreHorizIcon"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","names":["Component","ComponentProps","splitProps","cn","ChevronRightIcon","MoreHorizIcon","Link","LinkProps","messages","Breadcrumb","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","aria-label","ui_breadcrumb_label","class","BreadcrumbList","_el$2","_tmpl$2","BreadcrumbItem","_el$3","_tmpl$3","BreadcrumbLinkProps","BreadcrumbLink","_$createComponent","BreadcrumbPage","_el$4","_tmpl$4","BreadcrumbSeparator","_el$5","_tmpl$5","_$insert","children","BreadcrumbEllipsis","_el$6","_tmpl$6","_el$7","firstChild","ui_common_more"],"sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import { type Component, type ComponentProps, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\nimport ChevronRightIcon from '~icons/material-symbols/chevron-right';\nimport MoreHorizIcon from '~icons/material-symbols/more-horiz';\n\nimport { Link, type LinkProps } from '@/components/Link';\nimport * as messages from '@/paraglide/messages';\n\nexport const Breadcrumb: Component<ComponentProps<'nav'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <nav\n      aria-label={messages.ui_breadcrumb_label()}\n      data-slot='breadcrumb'\n      class={cn(local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbList: Component<ComponentProps<'ol'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ol\n      data-slot='breadcrumb-list'\n      class={cn(\n        'gap-1.5 text-sm flex flex-wrap items-center wrap-break-word text-muted-foreground',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='breadcrumb-item'\n      class={cn('gap-1 inline-flex items-center', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type BreadcrumbLinkProps = LinkProps & { class?: string | undefined };\n\nexport const BreadcrumbLink: Component<BreadcrumbLinkProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Link\n      data-slot='breadcrumb-link'\n      class={cn('transition-colors hover:text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbPage: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      data-slot='breadcrumb-page'\n      role='link'\n      aria-disabled='true'\n      aria-current='page'\n      class={cn('font-normal text-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const BreadcrumbSeparator: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children']);\n  return (\n    <li\n      data-slot='breadcrumb-separator'\n      role='presentation'\n      aria-hidden='true'\n      class={cn('[&>svg]:size-4.5', local.class)}\n      {...others}\n    >\n      {local.children ?? <ChevronRightIcon />}\n    </li>\n  );\n};\n\nexport const BreadcrumbEllipsis: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <span\n      data-slot='breadcrumb-ellipsis'\n      role='presentation'\n      aria-hidden='true'\n      class={cn('size-6 relative flex items-center justify-center', local.class)}\n      {...others}\n    >\n      <MoreHorizIcon class='size-5' />\n      <span class='sr-only'>{messages.ui_common_more()}</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;4eAQaS,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,eAAA;AAAA,WAEgBR,GAA8B;;GAAA,IAAA,QAAA;AAAA,WAEnCL,EAAGQ,EAAMQ,MAAM;;GAAA,EAClBP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;GAKHO,KAAmDV,MAAU;CACxE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAW,IAAAC,GAAA;AAOc,SAPdP,EAAAM,GAAAL,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWb,EACL,qFACAQ,EAAMQ,MACP;KAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAS;KAAA;GAKHE,KAAmDb,MAAU;CACxE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAc,IAAAC,GAAA;AAIc,SAJdV,EAAAS,GAAAR,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWb,EAAG,kCAAkCQ,EAAMQ,MAAM;KAAA,EACpDP,EAAM,EAAA,IAAA,GAAA,EAAAY;KAAA;GAOHG,KAAkDjB,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAkB,EACGtB,GAAIU,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEIb,EAAG,2CAA2CQ,EAAMQ,MAAM;;EAAA,EAC7DP,EAAM,CAAA;GAKHiB,KAAqDnB,MAAU;CAC1E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAoB,IAAAC,GAAA;AAOc,SAPdhB,EAAAe,GAAAd,EAAA,EAAA,IAAA,QAAA;AAAA,UAMWb,EAAG,+BAA+BQ,EAAMQ,MAAM;KAAA,EACjDP,EAAM,EAAA,IAAA,GAAA,EAAAkB;KAAA;GAKHE,KAAwDtB,MAAU;CAC7E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,SAAS,WAAW,CAAC;AAChE,eAAA;EAAA,IAAAuB,IAAAC,GAAA;AAQ2C,SAR3CnB,EAAAkB,GAAAjB,EAAA,EAAA,IAAA,QAAA;AAAA,UAKWb,EAAG,oBAAoBQ,EAAMQ,MAAM;KAAA,EACtCP,EAAM,EAAA,IAAA,GAAA,EAAAuB,EAAAF,SAETtB,EAAMyB,YAAQR,EAAKxB,GAAgB,EAAA,CAAG,CAAA,EAAA6B;KAAA;GAKhCI,KAAyD3B,MAAU;CAC9E,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO,CAAC,QAAQ,CAAC;AAEpD,eAAA;EAAA,IAAA4B,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AASoD,SATpD1B,EAAAuB,GAAAtB,EAAA,EAAA,IAAA,QAAA;AAAA,UAKWb,EAAG,oDAAoDQ,EAAMQ,MAAM;KAAA,EACtEP,EAAM,EAAA,IAAA,GAAA,EAAAuB,EAAAG,GAAAV,EAETvB,GAAa,EAAA,OAAA,UAAA,CAAA,EAAAmC,EAAA,EAAAL,EAAAK,SACShC,GAAyB,CAAA,EAAA8B;KAAA"}