@neut/ui 0.0.1

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

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/avatar/AvatarBadge/AvatarBadge.tsx
+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;
+	})();
+};
+//#endregion
+export { o as AvatarBadge };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarBadgeProps = PolymorphicProps<"span", BaseProps, false>;

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { clsx as e } from "../../../lib/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";
+//#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"]);
+	return n(o, {
+		get when() {
+			return 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;
+		}
+	});
+};
+//#endregion
+export { l as AvatarFallback };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarFallbackProps = PolymorphicProps<"span", BaseProps, false>;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/avatar/AvatarGroup/AvatarGroup.tsx
+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;
+	})();
+};
+//#endregion
+export { o as AvatarGroup };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarGroupProps = PolymorphicProps<"div", BaseProps, false>;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/avatar/AvatarGroupCount/AvatarGroupCount.tsx
+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;
+	})();
+};
+//#endregion
+export { o as AvatarGroupCount };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarGroupCountProps = PolymorphicProps<"div", BaseProps, false>;

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { clsx as e } from "../../../lib/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";
+//#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, [
+		"alt",
+		"class",
+		"classList"
+	]), p = () => {
+		u(!0);
+	};
+	return n(o, {
+		get when() {
+			return !l();
+		},
+		get children() {
+			var t = c();
+			return t.addEventListener("error", p), i(t, r({
+				get alt() {
+					return d.alt ?? "Avatar Image";
+				},
+				get class() {
+					return e("aspect-square size-full rounded-full object-cover", d.class);
+				}
+			}, f), !1, !1), t;
+		}
+	});
+};
+//#endregion
+export { l as AvatarImage };

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type AvatarImageProps = PolymorphicProps<"img", BaseProps, false>;

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

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

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

@@ -0,0 +1,6 @@
+export { Avatar } from './Avatar';
+export { AvatarImage } from './AvatarImage';
+export { AvatarFallback } from './AvatarFallback';
+export { AvatarBadge } from './AvatarBadge';
+export { AvatarGroup } from './AvatarGroup';
+export { AvatarGroupCount } from './AvatarGroupCount';

package/dist/components/badge/Badge.d.ts

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

package/dist/components/badge/Badge.js

@@ -0,0 +1,20 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+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) => {
+	let [s, c] = a(i, [
+		"variant",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t({ variant: s.variant }), s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as Badge };

package/dist/components/badge/Badge.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { cva as t } from "class-variance-authority";
+//#region src/components/badge/Badge.styles.ts
+var n = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-600/40 [&>svg]:pointer-events-none [&>svg]:size-3! dark:aria-invalid:border-red-600 dark:aria-invalid:ring-red-400/40 ", {
+	variants: { variant: {
+		primary: e("bg-neutral-900 text-neutral-50 [a]:hover:bg-neutral-900/80", "dark:bg-neutral-200 dark:text-neutral-900 dark:[a]:hover:bg-neutral-200/80"),
+		secondary: e("bg-neutral-100 text-neutral-900 [a]:hover:bg-neutral-100/80", "dark:bg-neutral-800 dark:text-neutral-50 dark:[a]:hover:bg-neutral-800/80"),
+		destructive: e("bg-red-600/10 text-red-600 focus-visible:ring-red-600/20 [a]:hover:bg-red-600/20", "dark:bg-red-400/20 dark:text-red-400 dark:focus-visible:ring-red-400/40 dark:[a]:hover:bg-red-400/20"),
+		outline: e("border-neutral-200 text-neutral-950 [a]:hover:bg-neutral-100 [a]:hover:text-neutral-500", "dark:border-white/10 dark:text-neutral-50 dark:[a]:hover:bg-neutral-800 dark:[a]:hover:text-neutral-400"),
+		ghost: e("hover:bg-neutral-100 hover:text-neutral-500", "dark:hover:text-neutral-400 dark:hover:bg-neutral-800/50"),
+		link: e("text-neutral-900 underline-offset-4 hover:underline", "dark:text-neutral-200")
+	} },
+	defaultVariants: { variant: "primary" }
+});
+//#endregion
+export { n as badgeVariants };

package/dist/components/badge/Badge.types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../types';
+import { badgeVariants } from './Badge.styles';
+type BaseBadgeProps = VariantProps<typeof badgeVariants> & BaseProps;
+export type BadgeProps = PolymorphicProps<"span", BaseBadgeProps, false>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './Badge.types';

package/dist/components/button/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps, ButtonValidElement } from './Button.types';
+export declare const Button: <T extends ButtonValidElement = "button">(props: ButtonProps<T>) => import("solid-js").JSX.Element;

package/dist/components/button/Button.js

@@ -0,0 +1,84 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import t from "./Button.styles.js";
+import { Dynamic as n, createComponent as r, insert as i, memo as a, mergeProps as o, setAttribute as s, template as c } from "solid-js/web";
+import { Show as l, mergeProps as u, splitProps as d } from "solid-js";
+//#region src/components/button/Button.tsx
+var f = /* @__PURE__ */ c("<span>"), p = (c) => {
+	let [p, m] = d(u({
+		variant: "primary",
+		size: "md",
+		as: "button",
+		iconPosition: "left"
+	}, c), [
+		"as",
+		"variant",
+		"size",
+		"icon",
+		"iconPosition",
+		"class",
+		"classList",
+		"children",
+		"onClick"
+	]), h = () => !!p.icon && !p.children, g = (e) => (() => {
+		var t = f();
+		return s(t, "data-icon", e), i(t, () => p.icon), t;
+	})();
+	return r(n, o({
+		"data-slot": "button",
+		get component() {
+			return p.as;
+		},
+		get onClick() {
+			return p.onClick;
+		},
+		get class() {
+			return e(t({
+				variant: p.variant,
+				size: h() ? void 0 : p.size,
+				iconSize: h() ? p.size : void 0
+			}), p.class);
+		}
+	}, m, { get children() {
+		return [
+			r(l, {
+				get when() {
+					return a(() => !!p.icon)() && p.iconPosition === "left";
+				},
+				get children() {
+					return r(l, {
+						get when() {
+							return !h();
+						},
+						get fallback() {
+							return p.icon;
+						},
+						get children() {
+							return g("inline-start");
+						}
+					});
+				}
+			}),
+			a(() => p.children),
+			r(l, {
+				get when() {
+					return a(() => !!p.icon)() && p.iconPosition === "right";
+				},
+				get children() {
+					return r(l, {
+						get when() {
+							return !h();
+						},
+						get fallback() {
+							return p.icon;
+						},
+						get children() {
+							return g("inline-end");
+						}
+					});
+				}
+			})
+		];
+	} }));
+};
+//#endregion
+export { p as Button };

package/dist/components/button/Button.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const base = "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+declare const _default: (props?: ({
+    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "md" | "sm" | "lg" | "xs" | null | undefined;
+    iconSize?: "md" | "sm" | "lg" | "xs" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export default _default;

package/dist/components/button/Button.styles.js

@@ -0,0 +1,26 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { cva as t } from "class-variance-authority";
+var n = t("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: {
+	variant: {
+		primary: e("bg-neutral-900 text-neutral-50 [a]:hover:bg-neutral-900/80", "dark:bg-neutral-200 dark:text-neutral-900 [a]:hover:bg-neutral-200/80"),
+		outline: e("border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950", "dark:border-white/15 dark:bg-white/4 dark:hover:bg-white/5 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50"),
+		secondary: e("bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-900", "dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-expanded:bg-neutral-800 aria-expanded:text-neutral-50"),
+		ghost: e("hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950", "dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50"),
+		destructive: e("bg-red-600/10 text-red-600 hover:bg-red-600/20 focus-visible:border-red-600/40 focus-visible:ring-red-600/20", "dark:bg-red-400/20 dark:text-red-400 dark:hover:bg-red-400/30 dark:focus-visible:border-red-400/40 dark:focus-visible:ring-red-400/40"),
+		link: e("underline-offset-4 hover:underline", "text-neutral-900", "dark:text-neutral-200")
+	},
+	size: {
+		md: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+		xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+		sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+		lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+	},
+	iconSize: {
+		md: "size-8",
+		xs: "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+		sm: "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+		lg: "size-9"
+	}
+} });
+//#endregion
+export { n as default };

package/dist/components/button/Button.types.d.ts

@@ -0,0 +1,23 @@
+import { JSXElement } from 'solid-js';
+import { BaseProps, MakeRequired, MouseEventHandler, PolymorphicProps } from '../../types';
+export type ButtonVariant = "primary" | "outline" | "secondary" | "ghost" | "destructive" | "link";
+export type ButtonSize = "md" | "xs" | "sm" | "lg";
+interface BaseButtonProps extends BaseProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /** Button content */
+    children?: JSXElement;
+    icon?: JSXElement;
+    iconPosition?: "left" | "right";
+}
+export type ButtonValidElement = "button" | "a";
+export type ButtonProps<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
+    onClick?: MouseEventHandler<T>;
+}>;
+export type DefaultStyleProps = MakeRequired<BaseButtonProps, "size" | "variant"> & {
+    as: ButtonValidElement;
+};
+export type ButtonPropsWithDefault<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
+    onClick?: MouseEventHandler<T>;
+}>;
+export {};

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button.types';

package/dist/components/button-group/ButtonGroup/ButtonGroup.d.ts

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

package/dist/components/button-group/ButtonGroup/ButtonGroup.js

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

package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js

@@ -0,0 +1,11 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/button-group/ButtonGroup/ButtonGroup.styles.ts
+var t = e("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+//#endregion
+export { t as buttonGroupVariants };

package/dist/components/button-group/ButtonGroup/ButtonGroup.types.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { buttonGroupVariants } from './ButtonGroup.styles';
+type BaseButtonGroupProps = VariantProps<typeof buttonGroupVariants> & BaseProps;
+export type ButtonGroupProps = PolymorphicProps<"fieldset", BaseButtonGroupProps, false>;
+export {};

package/dist/components/button-group/ButtonGroup/index.d.ts

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

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.d.ts

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

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.js

@@ -0,0 +1,20 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { classes as n } from "./ButtonGroupSeparator.styles.js";
+import { createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a } from "solid-js";
+//#region src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.tsx
+var o = (o) => {
+	let s = a({ orientation: "vertical" }, o);
+	return r(t, i(s, {
+		"data-slot": "button-group-separator",
+		get orientation() {
+			return s.orientation;
+		},
+		get class() {
+			return e(n, s.class);
+		}
+	}));
+};
+//#endregion
+export { o as ButtonGroupSeparator };

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.d.ts

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

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.js

@@ -0,0 +1,5 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+//#region src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.ts
+var t = e("relative self-stretch bg-neutral-200 dark:bg-white/15 data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto");
+//#endregion
+export { t as classes };

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.types.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorProps } from '../../separator';
+export type ButtonGroupSeparatorProps = SeparatorProps;

package/dist/components/button-group/ButtonGroupSeparator/index.d.ts

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

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.d.ts

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

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js

@@ -0,0 +1,12 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as t } from "./ButtonGroupText.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+//#region src/components/button-group/ButtonGroupText/ButtonGroupText.tsx
+var a = /* @__PURE__ */ i("<div data-slot=button-group-text>"), o = (i) => (() => {
+	var o = a();
+	return r(o, n({ get class() {
+		return e(t, i.class);
+	} }, i), !1, !1), o;
+})();
+//#endregion
+export { o as ButtonGroupText };

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.d.ts

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

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.js

@@ -0,0 +1,5 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+//#region src/components/button-group/ButtonGroupText/ButtonGroupText.styles.ts
+var t = e("flex items-center gap-2 rounded-lg border bg-neutral-100 dark:bg-neutral-800 px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4");
+//#endregion
+export { t as classes };

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ButtonGroupTextProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/button-group/ButtonGroupText/index.d.ts

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

package/dist/components/button-group/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonGroup } from './ButtonGroup';
+export { ButtonGroupSeparator } from './ButtonGroupSeparator';
+export { ButtonGroupText } from './ButtonGroupText';

package/dist/components/card/Card/Card.d.ts

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

package/dist/components/card/Card/Card.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as t } from "./Card.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/card/Card/Card.tsx
+var s = /* @__PURE__ */ i("<div data-slot=card>"), c = (i) => {
+	let [c, l] = o(a({ size: "md" }, i), [
+		"size",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var i = s();
+		return r(i, n({
+			get "data-size"() {
+				return c.size;
+			},
+			get class() {
+				return e(t, c.class);
+			}
+		}, l), !1, !1), i;
+	})();
+};
+//#endregion
+export { c as Card };

package/dist/components/card/Card/Card.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";

package/dist/components/card/Card/Card.styles.js

@@ -0,0 +1,4 @@
+//#region src/components/card/Card/Card.styles.ts
+var e = "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";
+//#endregion
+export { e as classes };

package/dist/components/card/Card/Card.types.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseCardProps extends BaseProps {
+    size?: "md" | "sm";
+}
+export type CardProps = PolymorphicProps<"div", BaseCardProps, false>;
+export {};

package/dist/components/card/Card/index.d.ts

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

package/dist/components/card/CardAction/CardAction.d.ts

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

package/dist/components/card/CardAction/CardAction.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { classes as t } from "./CardAction.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/card/CardAction/CardAction.tsx
+var o = /* @__PURE__ */ i("<div data-slot=card-action>"), 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;
+	})();
+};
+//#endregion
+export { s as CardAction };

package/dist/components/card/CardAction/CardAction.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";

package/dist/components/card/CardAction/CardAction.styles.js

@@ -0,0 +1,4 @@
+//#region src/components/card/CardAction/CardAction.styles.ts
+var e = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
+//#endregion
+export { e as classes };