@neut/ui 0.0.1

package/README.md

@@ -0,0 +1,105 @@
+## Dome
+
+这是一个类似shadcn的solidjs组件库，与shadcn不同的是，本组件库不依赖于任何第三方组件库，相比shadcn的优势是能够避免上游组件库的bug，也更容易及时修复bug。
+
+> [!warning]
+> 本项目仍在开发中，不推荐用于生产项目。
+> 本项目中部分组件代码并未完全参考shadcn。
+
+## 使用
+
+与shadcn类似，不需要安装本组件库，而是直接复制某个组件的代码，但也可安装本组件库作为依赖。
+
+### 复制组件代码
+
+本组件的代码基于tailwindcss样式库，因此你需要安装tailwindcss作为开发依赖，具体安装方式请参考tailwindcss文档。
+
+除了tailwindcss外，本组件库还内置了两个样式文件：
+
+- animate.css
+- toast.css
+
+在使用时需要在你项目的主样式文件中导入animate.css，如果你要复制或使用toast组件，也需要导入toast.css。
+
+需要注意的是，toast.css本身是临时性的样式文件，因为toast组件移植自sonner，尚未针对性地对toast的组件样式进行相应修改，但在未来的版本中一定会删除这个样式文件。
+
+最终的项目结构类似于：
+
+```
+- styles
+  - animate.css
+  - toast.css
+- index.css
+```
+
+`index.css`文件头：
+
+```css
+@import "tailwindcss";
+@import "./styles/animate.css";
+@import "./styles/toast.css";
+```
+
+除了样式文件外，还需要安装样式合并依赖`tailwind-merge`及样式定义依赖`class-variance-authority`：
+
+```bash
+bun i tailwind-merge class-variance-authority
+```
+
+然后在`lib/utils`中创建一个`clsx.ts`文件，内容如下：
+
+```ts
+import { twMerge } from "tailwind-merge";
+
+export const clsx = (...classes: (string | undefined | false)[]): string => {
+  return twMerge(classes.filter(Boolean));
+};
+```
+
+此外，本项目中的许多组件中使用了lucide-solid图标：
+
+```bash
+bun i lucide-solid
+```
+
+当然，并非所有组件都需要使用这两个样式依赖，具体可查看shacn文档。我正在考虑将这两个工具独立实现以减少对第三方库的依赖。
+
+现在假如你需要使用`Button`组件，则可以直接复制`button`目录中的代码，在复制时你可以看到，本组件库出于可维护性和单一职责原则的考虑，所有组件的实现都并非放在单文件中，因此建议你直接克隆本项目到本地，然后复制组件目录到你的项目中，否则请按`button`的目录结构创建相对应的文件后复制每个文件中的相应代码：
+
+```
+./src/components/button/
+└── Button.styles.ts
+└── Button.tsx
+└── Button.types.ts
+└── index.ts
+```
+
+### 安装
+
+本组件库也支持作为依赖安装：
+
+```bash
+bun i @dome/ui
+```
+
+安装后需要在根样式文件中导入样式及注册样式资源：
+
+```css
+@import "../node_modules/@dome/ui/dist/styles/index.css";
+@source "../node_modules/@dome/ui/dist";
+```
+
+然后即可如同其他组件库一样导入并使用组件：
+
+```tsx
+import { Button } from "@dome/ui";
+
+const App = () => {
+  return <Button>Click me</Button>;
+};
+```
+
+## 参考项目
+
+- shadcn: https://ui.shadcn.com/docs/installation
+- sonner: https://sonner.emilkowal.ski/getting-started

package/dist/components/accordion/Accordion/Accordion.context.d.ts

@@ -0,0 +1,17 @@
+import { ParentProps } from 'solid-js';
+interface AccordionContextValue<T> {
+    orientation: "horizontal" | "vertical";
+    isOpen: (index: number) => boolean;
+    toggle: (index: number) => void;
+    registerItem: (value?: T) => number;
+    unregisterItem: (index: number) => void;
+}
+export declare function AccordionProvider<T>(props: ParentProps & {
+    orientation: "horizontal" | "vertical";
+    defaultValue?: T[];
+    value?: T[];
+    multiple?: boolean;
+    onValueChange?: (value: T[]) => void;
+}): import("solid-js").JSX.Element;
+export declare const useAccordionContext: <T extends string | number>() => AccordionContextValue<T>;
+export {};

package/dist/components/accordion/Accordion/Accordion.context.js

@@ -0,0 +1,45 @@
+import { createComponent as e } from "solid-js/web";
+import { createContext as t, useContext as n } from "solid-js";
+import { createStore as r, produce as i } from "solid-js/store";
+//#region src/components/accordion/Accordion/Accordion.context.tsx
+var a = t();
+function o(t) {
+	let [n, o] = r([]), s = (e) => {
+		let r = Symbol(), i = e === void 0 ? !1 : (t.defaultValue ?? []).includes(e), a = n.length;
+		return o(n.length, {
+			id: r,
+			value: e,
+			isOpen: i
+		}), a;
+	}, c = (e) => n[e].isOpen ?? !1, l = (e) => {
+		o((t) => t.filter((t, n) => n !== e));
+	}, u = (e) => {
+		t.multiple ? o(e, "isOpen", (e) => !e) : o(i((n) => {
+			let r = n[e], i = !r.isOpen;
+			r.isOpen = i, i && n.forEach((t, n) => {
+				n !== e && (t.isOpen = !1);
+			}), t.onValueChange?.(n.filter((e) => e.isOpen && e.value).map(({ value: e }) => e));
+		}));
+	};
+	return e(a.Provider, {
+		get value() {
+			return {
+				orientation: t.orientation,
+				isOpen: c,
+				toggle: u,
+				registerItem: s,
+				unregisterItem: l
+			};
+		},
+		get children() {
+			return t.children;
+		}
+	});
+}
+var s = () => {
+	let e = n(a);
+	if (!e) throw Error("useAccordionContext must be used in AccordionProvider");
+	return e;
+};
+//#endregion
+export { o as AccordionProvider, s as useAccordionContext };

package/dist/components/accordion/Accordion/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from './Accordion.types';
+export declare const Accordion: <T extends string | number>(props: AccordionProps<T>) => import("solid-js").JSX.Element;

package/dist/components/accordion/Accordion/Accordion.js

@@ -0,0 +1,65 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { AccordionProvider as t } from "./Accordion.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { mergeProps as s, splitProps as c } from "solid-js";
+//#region src/components/accordion/Accordion/Accordion.tsx
+var l = /* @__PURE__ */ o("<section data-slot=accordion>"), u = (o) => {
+	let [u, d] = c(s({
+		hiddenUntilFound: !1,
+		loopFocus: !0,
+		multiple: !1,
+		disabled: !1,
+		orientation: "vertical",
+		keepMounted: !1,
+		dir: "ltr"
+	}, o), [
+		"defaultValue",
+		"value",
+		"onValueChange",
+		"hiddenUntilFound",
+		"loopFocus",
+		"multiple",
+		"disabled",
+		"orientation",
+		"class",
+		"classList",
+		"keepMounted",
+		"dir",
+		"children"
+	]);
+	return (() => {
+		var s = l();
+		return a(s, i({
+			get class() {
+				return e("flex", "w-full", "flex-col", "max-w-lg", u.class);
+			},
+			get "data-orientation"() {
+				return u.orientation;
+			},
+			get dir() {
+				return u.dir;
+			}
+		}, d), !1, !0), r(s, n(t, {
+			get orientation() {
+				return u.orientation;
+			},
+			get defaultValue() {
+				return o.defaultValue;
+			},
+			get value() {
+				return o.value;
+			},
+			get multiple() {
+				return o.multiple;
+			},
+			get onValueChange() {
+				return o.onValueChange;
+			},
+			get children() {
+				return u.children;
+			}
+		})), s;
+	})();
+};
+//#endregion
+export { u as Accordion };

package/dist/components/accordion/Accordion/Accordion.types.d.ts

@@ -0,0 +1,19 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseAccordionProps<T> extends BaseProps {
+    defaultValue?: T[];
+    value?: T[];
+    onValueChange?: (value: T[]) => void;
+    hiddenUntilFound?: boolean;
+    loopFocus?: boolean;
+    multiple?: boolean;
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+    keepMounted?: boolean;
+}
+export type AccordionProps<T> = PolymorphicProps<"section", BaseAccordionProps<T>, false>;
+export interface ItemEntry<T> {
+    id: symbol;
+    value?: T;
+    isOpen: boolean;
+}
+export {};

package/dist/components/accordion/Accordion/index.d.ts

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

package/dist/components/accordion/AccordionContent/AccordionContent.d.ts

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

package/dist/components/accordion/AccordionContent/AccordionContent.js

@@ -0,0 +1,53 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
+import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
+import { className as r, createComponent as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u, use as d } from "solid-js/web";
+import { Show as f, createEffect as p, createSignal as m, onCleanup as h, splitProps as g } from "solid-js";
+//#region src/components/accordion/AccordionContent/AccordionContent.tsx
+var _ = /* @__PURE__ */ u("<div class=\"overflow-hidden text-sm data-open:animate-accordion-down data-closed:animate-accordion-up\"data-slot=accordion-content><div>"), v = (u) => {
+	let { orientation: v } = t(), { index: y, open: b } = n(), [x, S] = g(u, [
+		"hiddenUntilFound",
+		"keepMounted",
+		"class",
+		"classList",
+		"children",
+		"style"
+	]), [C, w] = m(b()), [T, E] = m(null), D, O;
+	return p(() => {
+		b() && w(!0);
+	}), p(() => {
+		if (C() && D) {
+			let e = D.scrollHeight;
+			E(e);
+		}
+	}), p(() => {
+		if (!b() && O) {
+			let e = O, t = (e) => {
+				e.animationName === "accordion-up" && (w(!1), E(null));
+			};
+			e.addEventListener("animationend", t), h(() => e.removeEventListener("animationend", t));
+		}
+	}), i(f, {
+		get when() {
+			return C();
+		},
+		get children() {
+			var t = _(), n = t.firstChild, i = O;
+			typeof i == "function" ? d(i, t) : O = t, c(t, "data-orientation", v), c(t, "data-index", y), l(t, s({
+				get "data-open"() {
+					return b() ? "" : null;
+				},
+				get "data-closed"() {
+					return b() ? null : "";
+				},
+				get style() {
+					return { "--accordion-panel-height": T() ? `${T()}px` : "auto" };
+				}
+			}, S), !1, !0);
+			var u = D;
+			return typeof u == "function" ? d(u, n) : D = n, o(n, () => x.children), a(() => r(n, e("pb-2.5 pt-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", x.class))), t;
+		}
+	});
+};
+//#endregion
+export { v as AccordionContent };

package/dist/components/accordion/AccordionContent/AccordionContent.types.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseAccordionContentProps extends BaseProps {
+    hiddenUntilFound?: boolean;
+    keepMounted?: boolean;
+}
+export type AccordionContentProps = PolymorphicProps<"div", BaseAccordionContentProps, false>;
+export {};

package/dist/components/accordion/AccordionContent/index.d.ts

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

package/dist/components/accordion/AccordionItem/AccordionItem.context.d.ts

@@ -0,0 +1,13 @@
+import { ParentProps } from 'solid-js';
+interface AccordionItemContextValue {
+    index: number;
+    open: () => boolean;
+    disabled?: boolean;
+}
+export declare function AccordionItemProvider(props: ParentProps & {
+    index: number;
+    open: () => boolean;
+    disabled?: boolean;
+}): import("solid-js").JSX.Element;
+export declare const useAccordionItemContext: () => AccordionItemContextValue;
+export {};

package/dist/components/accordion/AccordionItem/AccordionItem.context.js

@@ -0,0 +1,25 @@
+import { createComponent as e } from "solid-js/web";
+import { createContext as t, useContext as n } from "solid-js";
+//#region src/components/accordion/AccordionItem/AccordionItem.context.tsx
+var r = t();
+function i(t) {
+	return e(r.Provider, {
+		get value() {
+			return {
+				index: t.index,
+				open: t.open,
+				disabled: t.disabled
+			};
+		},
+		get children() {
+			return t.children;
+		}
+	});
+}
+var a = () => {
+	let e = n(r);
+	if (!e) throw Error("useAccordionItemContext must be used in AccordionProvider");
+	return e;
+};
+//#endregion
+export { i as AccordionItemProvider, a as useAccordionItemContext };

package/dist/components/accordion/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,2 @@
+import { AccordionItemProps } from './AccordionItem.types';
+export declare const AccordionItem: <T extends string | number>(props: AccordionItemProps<T>) => import("solid-js").JSX.Element;

package/dist/components/accordion/AccordionItem/AccordionItem.js

@@ -0,0 +1,46 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
+import { AccordionItemProvider as n } from "./AccordionItem.context.js";
+import { createComponent as r, insert as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
+import { onCleanup as l, splitProps as u } from "solid-js";
+//#region src/components/accordion/AccordionItem/AccordionItem.tsx
+var d = /* @__PURE__ */ c("<div data-slot=accordion-item>"), f = (c) => {
+	let { orientation: f, isOpen: p, registerItem: m, unregisterItem: h } = t(), [g, _] = u(c, [
+		"value",
+		"onOpenChange",
+		"disabled",
+		"class",
+		"classList",
+		"children"
+	]), v = m(g.value);
+	l(() => h(v));
+	let y = () => p(v);
+	return (() => {
+		var t = d();
+		return o(t, "data-orientation", f), o(t, "data-index", v), s(t, a({
+			get class() {
+				return e("not-last:border-b", g.class);
+			},
+			get "data-open"() {
+				return y() ? "" : null;
+			},
+			get "data-closed"() {
+				return y() ? null : "";
+			},
+			get "data-disabled"() {
+				return c.disabled ? "" : null;
+			}
+		}, _), !1, !0), i(t, r(n, {
+			index: v,
+			open: y,
+			get disabled() {
+				return c.disabled;
+			},
+			get children() {
+				return g.children;
+			}
+		})), t;
+	})();
+};
+//#endregion
+export { f as AccordionItem };

package/dist/components/accordion/AccordionItem/AccordionItem.types.d.ts

@@ -0,0 +1,8 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseAccordionItemProps<T> extends BaseProps {
+    value?: T;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+}
+export type AccordionItemProps<T> = PolymorphicProps<"div", BaseAccordionItemProps<T>, false>;
+export {};

package/dist/components/accordion/AccordionItem/index.d.ts

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

package/dist/components/accordion/AccordionTrigger/AccordionTrigger.d.ts

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

package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js

@@ -0,0 +1,44 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
+import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
+import { className as r, createComponent as i, delegateEvents as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d } from "solid-js/web";
+import { splitProps as f } from "solid-js";
+import { ChevronDown as p, ChevronUp as m } from "lucide-solid";
+//#region src/components/accordion/AccordionTrigger/AccordionTrigger.tsx
+var h = /* @__PURE__ */ d("<h3 class=flex><button type=button>"), g = (a) => {
+	let { orientation: d, toggle: g } = t(), { index: _, open: v, disabled: y } = n(), [b, x] = f(a, [
+		"nativeButton",
+		"class",
+		"classList",
+		"children"
+	]), S = () => {
+		g(_);
+	};
+	return (() => {
+		var t = h(), n = t.firstChild;
+		return l(t, "data-orientation", d), l(t, "data-disabled", y ? "" : null), l(t, "data-index", _), u(t, c({
+			get "data-open"() {
+				return v() ? "" : null;
+			},
+			get "data-closed"() {
+				return v() ? null : "";
+			}
+		}, x), !1, !0), n.$$click = S, l(n, "data-orientation", d), l(n, "aria-disabled", y), l(n, "data-index", _), s(n, () => b.children, null), s(n, i(p, {
+			class: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden",
+			"data-slot": "accordion-trigger-icon"
+		}), null), s(n, i(m, {
+			class: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline",
+			"data-slot": "accordion-trigger-icon"
+		}), null), o((t) => {
+			var i = e("group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-neutral-500 dark:**:data-[slot=accordion-trigger-icon]:text-neutral-400", b.class), a = v() ? "" : null, o = v();
+			return i !== t.e && r(n, t.e = i), a !== t.t && l(n, "data-panel-open", t.t = a), o !== t.a && l(n, "aria-expanded", t.a = o), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), t;
+	})();
+};
+a(["click"]);
+//#endregion
+export { g as AccordionTrigger };

package/dist/components/accordion/AccordionTrigger/AccordionTrigger.types.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseAccordionTriggerProps extends BaseProps {
+    nativeButton?: boolean;
+}
+export type AccordionTriggerProps = PolymorphicProps<"div", BaseAccordionTriggerProps, false>;
+export {};

package/dist/components/accordion/AccordionTrigger/index.d.ts

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

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { Accordion } from './Accordion';
+export { AccordionContent } from './AccordionContent';
+export { AccordionItem } from './AccordionItem';
+export { AccordionTrigger } from './AccordionTrigger';

package/dist/components/aspect-ratio/AspectRatio.d.ts

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

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

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { classes as t } from "./AspectRatio.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/aspect-ratio/AspectRatio.tsx
+var o = /* @__PURE__ */ i("<div data-slot=aspect-ratio>"), s = (i) => {
+	let [s, c] = a(i, [
+		"ratio",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var a = o();
+		return r(a, n({
+			get style() {
+				return { "--ratio": i.ratio };
+			},
+			get class() {
+				return e(t, s.class);
+			}
+		}, c), !1, !1), a;
+	})();
+};
+//#endregion
+export { s as AspectRatio };

package/dist/components/aspect-ratio/AspectRatio.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes: string;

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

@@ -0,0 +1,5 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+//#region src/components/aspect-ratio/AspectRatio.styles.ts
+var t = e("relative", "aspect-(--ratio)");
+//#endregion
+export { t as classes };

package/dist/components/aspect-ratio/AspectRatio.types.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../types';
+interface BaseAspectRatioProps extends BaseProps {
+    ratio: number;
+}
+export type AspectRatioProps = PolymorphicProps<"div", BaseAspectRatioProps, false>;
+export {};

package/dist/components/aspect-ratio/index.d.ts

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

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

@@ -0,0 +1,8 @@
+import { Accessor, Setter } from 'solid-js';
+interface AvatarContextValue {
+    imageLoadFailed: Accessor<boolean>;
+    setImageLoadFailed: Setter<boolean>;
+}
+export declare const AvatarContext: import('solid-js').Context<AvatarContextValue | undefined>;
+export declare const useAvatarContext: () => AvatarContextValue;
+export {};

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

@@ -0,0 +1,9 @@
+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");
+	return e;
+};
+//#endregion
+export { n as AvatarContext, r as useAvatarContext };

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

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

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

@@ -0,0 +1,34 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { AvatarContext as t } from "./Avatar.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { createSignal as s, mergeProps as c, splitProps as l } from "solid-js";
+//#region src/components/avatar/Avatar/Avatar.tsx
+var u = /* @__PURE__ */ o("<span data-slot=avatar>"), d = (o) => {
+	let [d, f] = l(c({ size: "md" }, o), [
+		"size",
+		"class",
+		"classList",
+		"children"
+	]), [p, m] = s(!1);
+	return (() => {
+		var o = u();
+		return a(o, i({
+			get "data-size"() {
+				return d.size;
+			},
+			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", d.class);
+			}
+		}, f), !1, !0), r(o, n(t.Provider, {
+			value: {
+				imageLoadFailed: p,
+				setImageLoadFailed: m
+			},
+			get children() {
+				return d.children;
+			}
+		})), o;
+	})();
+};
+//#endregion
+export { d as Avatar };

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

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarProps = PolymorphicProps<"span", BaseProps & {
+    size?: "md" | "sm" | "lg";
+}, false>;

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

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

package/dist/components/avatar/AvatarBadge/AvatarBadge.d.ts

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