@neut/ui 0.0.1

package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.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/sidebar/SidebarMenuSub/SidebarMenuSub.tsx
+var a = /* @__PURE__ */ r("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-neutral-200 dark:border-white/10 px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarMenuSub };

package/dist/components/sidebar/SidebarMenuSub/SidebarMenuSub.types.d.ts

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

package/dist/components/sidebar/SidebarMenuSub/index.d.ts

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

package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.d.ts

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { SidebarMenuSubButtonProps } from './SidebarMenuSubButton.types';
+export declare const SidebarMenuSubButton: <T extends ValidComponent = "a">(props: SidebarMenuSubButtonProps<T>) => import("solid-js").JSX.Element;

package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.js

@@ -0,0 +1,35 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Dynamic as t, createComponent as n, mergeProps as r } from "solid-js/web";
+import { mergeProps as i, splitProps as a } from "solid-js";
+//#region src/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.tsx
+var o = (o) => {
+	let [s, c] = a(i({
+		isActive: !1,
+		size: "md",
+		as: "a"
+	}, o), [
+		"as",
+		"isActive",
+		"size",
+		"class",
+		"classList"
+	]);
+	return n(t, r({
+		get component() {
+			return s.as;
+		},
+		"data-slot": "sidebar-menu-sub-button",
+		"data-sidebar": "menu-sub-button",
+		get "data-size"() {
+			return s.size;
+		},
+		get "data-active"() {
+			return s.isActive;
+		},
+		get class() {
+			return e("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden group-data-[collapsible=icon]:hidden hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 active:bg-neutral-100 dark:active:bg-neutral-800 active:text-neutral-900 dark:active:text-neutral-50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-neutral-100 dark:data-active:bg-neutral-800 data-active:text-neutral-900 dark:data-active:text-neutral-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-neutral-900 dark:[&>svg]:text-neutral-50", s.class);
+		}
+	}, c));
+};
+//#endregion
+export { o as SidebarMenuSubButton };

package/dist/components/sidebar/SidebarMenuSubButton/SidebarMenuSubButton.types.d.ts

@@ -0,0 +1,6 @@
+import { ValidComponent } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarMenuSubButtonProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, false>;

package/dist/components/sidebar/SidebarMenuSubButton/index.d.ts

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

package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.d.ts

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

package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.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/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.tsx
+var a = /* @__PURE__ */ r("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("group/menu-sub-item relative", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarMenuSubItem };

package/dist/components/sidebar/SidebarMenuSubItem/SidebarMenuSubItem.types.d.ts

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

package/dist/components/sidebar/SidebarMenuSubItem/index.d.ts

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

package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.d.ts

@@ -0,0 +1,6 @@
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;
+export declare const SIDEBAR_WIDTH = "16rem";
+export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
+export declare const SIDEBAR_WIDTH_ICON = "3rem";
+export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";

package/dist/components/sidebar/SidebarProvider/SidebarProvider.consts.js

@@ -0,0 +1,4 @@
+//#region src/components/sidebar/SidebarProvider/SidebarProvider.consts.ts
+var e = "sidebar_state", t = 3600 * 24 * 7, n = "16rem", r = "3rem";
+//#endregion
+export { t as SIDEBAR_COOKIE_MAX_AGE, e as SIDEBAR_COOKIE_NAME, n as SIDEBAR_WIDTH, r as SIDEBAR_WIDTH_ICON };

package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.d.ts

@@ -0,0 +1,13 @@
+import { Accessor } from 'solid-js';
+type SidebarContextProps = {
+    state: Accessor<"expanded" | "collapsed">;
+    open: Accessor<boolean>;
+    setOpen: (open: boolean) => void;
+    openMobile: Accessor<boolean>;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+export declare const SidebarContext: import('solid-js').Context<SidebarContextProps | undefined>;
+export declare function useSidebar(): SidebarContextProps;
+export {};

package/dist/components/sidebar/SidebarProvider/SidebarProvider.context.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/sidebar/SidebarProvider/SidebarProvider.context.ts
+var n = e();
+function r() {
+	let e = t(n);
+	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
+	return e;
+}
+//#endregion
+export { n as SidebarContext, r as useSidebar };

package/dist/components/sidebar/SidebarProvider/SidebarProvider.d.ts

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

package/dist/components/sidebar/SidebarProvider/SidebarProvider.js

@@ -0,0 +1,55 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { SIDEBAR_COOKIE_MAX_AGE as t, SIDEBAR_COOKIE_NAME as n, SIDEBAR_WIDTH as r, SIDEBAR_WIDTH_ICON as i } from "./SidebarProvider.consts.js";
+import { SidebarContext as a } from "./SidebarProvider.context.js";
+import { createComponent as o, insert as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
+import { createEffect as d, createMemo as f, createSignal as p, mergeProps as m, onCleanup as h, splitProps as g } from "solid-js";
+//#region src/components/sidebar/SidebarProvider/SidebarProvider.tsx
+var _ = /* @__PURE__ */ u("<div data-slot=sidebar-wrapper>"), v = (u) => {
+	let [v, y] = g(m({ defaultOpen: !0 }, u), [
+		"open",
+		"onOpenChange",
+		"defaultOpen",
+		"onOpenChange",
+		"class",
+		"style",
+		"children"
+	]), [b, x] = p(!1), [S, C] = p(v.defaultOpen), w = f(() => v.open ?? S()), T = (e) => {
+		let r = typeof e == "function" ? e(w()) : e;
+		v.onOpenChange ? v.onOpenChange(r) : C(r), document.cookie = `${n}=${r}; path=/; max-age=${t}`;
+	}, E = () => T((e) => !e);
+	d(() => {
+		let e = (e) => {
+			e.key === "b" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), E());
+		};
+		window.addEventListener("keydown", e), h(() => window.removeEventListener("keydown", e));
+	});
+	let D = f(() => w() ? "expanded" : "collapsed");
+	return o(a.Provider, {
+		value: {
+			state: D,
+			open: w,
+			setOpen: T,
+			isMobile: !1,
+			openMobile: b,
+			setOpenMobile: x,
+			toggleSidebar: E
+		},
+		get children() {
+			var t = _();
+			return l(t, c({
+				get style() {
+					return {
+						"--sidebar-width": r,
+						"--sidebar-width-icon": i,
+						...v.style
+					};
+				},
+				get class() {
+					return e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-neutral-50 dark:has-data-[variant=inset]:bg-neutral-900", v.class);
+				}
+			}, y), !1, !0), s(t, () => v.children), t;
+		}
+	});
+};
+//#endregion
+export { v as SidebarProvider };

package/dist/components/sidebar/SidebarProvider/SidebarProvider.types.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarProviderProps = PolymorphicProps<"div", BaseProps & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    style?: JSX.CSSProperties;
+}, false>;

package/dist/components/sidebar/SidebarProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { SidebarProvider } from './SidebarProvider';
+export { useSidebar } from './SidebarProvider.context';

package/dist/components/sidebar/SidebarRail/SidebarRail.d.ts

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

package/dist/components/sidebar/SidebarRail/SidebarRail.js

@@ -0,0 +1,17 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
+import { addEventListener as n, delegateEvents as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/sidebar/SidebarRail/SidebarRail.tsx
+var c = /* @__PURE__ */ o("<button data-sidebar=rail data-slot=sidebar-rail aria-label=\"Toggle Sidebar\"tabindex=-1 title=\"Toggle Sidebar\">"), l = (r) => {
+	let { toggleSidebar: o } = t(), [l, u] = s(r, ["class", "classList"]);
+	return (() => {
+		var t = c();
+		return n(t, "click", o, !0), a(t, i({ get class() {
+			return e("absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:inset-s-1/2 after:w-0.5 hover:after:bg-neutral-200 dark:hover:after:bg-white/10 sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-neutral-50 dark:hover:group-data-[collapsible=offcanvas]:bg-neutral-900", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", l.class);
+		} }, u), !1, !1), t;
+	})();
+};
+r(["click"]);
+//#endregion
+export { l as SidebarRail };

package/dist/components/sidebar/SidebarRail/SidebarRail.types.d.ts

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

package/dist/components/sidebar/SidebarRail/index.d.ts

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

package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.d.ts

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

package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.js

@@ -0,0 +1,17 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/sidebar/SidebarSeparator/SidebarSeparator.tsx
+var a = (a) => {
+	let [o, s] = i(a, ["class", "classList"]);
+	return n(t, r({
+		"data-slot": "sidebar-separator",
+		"data-sidebar": "separator",
+		get class() {
+			return e("mx-2 w-auto bg-sidebar-border", o.class);
+		}
+	}, s));
+};
+//#endregion
+export { a as SidebarSeparator };

package/dist/components/sidebar/SidebarSeparator/SidebarSeparator.types.d.ts

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

package/dist/components/sidebar/SidebarSeparator/index.d.ts

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

package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.d.ts

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

package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.js

@@ -0,0 +1,30 @@
+import { Button as e } from "../../button/Button.js";
+import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
+import { createComponent as n, memo as r, mergeProps as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+import { PanelLeft as o, PanelRight as s } from "lucide-solid";
+//#region src/components/sidebar/SidebarTrigger/SidebarTrigger.tsx
+var c = (c) => {
+	let { toggleSidebar: l, open: u } = t(), [d, f] = a(c, [
+		"class",
+		"classList",
+		"onClick"
+	]);
+	return n(e, i({
+		"data-sidebar": "trigger",
+		"data-slot": "sidebar-trigger",
+		variant: "ghost",
+		size: "sm",
+		get class() {
+			return d.class;
+		},
+		onClick: (e) => {
+			d.onClick?.(e), l();
+		},
+		get icon() {
+			return r(() => !!u())() ? n(o, { class: "cn-rtl-flip" }) : n(s, { class: "cn-rtl-flip" });
+		}
+	}, f));
+};
+//#endregion
+export { c as SidebarTrigger };

package/dist/components/sidebar/SidebarTrigger/SidebarTrigger.types.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../button';
+export type SidebarTriggerProps = ButtonProps<"button">;

package/dist/components/sidebar/SidebarTrigger/index.d.ts

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

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

@@ -0,0 +1,22 @@
+export { SidebarProvider } from './SidebarProvider';
+export { Sidebar } from './Sidebar';
+export { SidebarTrigger } from './SidebarTrigger';
+export { SidebarRail } from './SidebarRail';
+export { SidebarInset } from './SidebarInset';
+export { SidebarInput } from './SidebarInput';
+export { SidebarHeader } from './SidebarHeader';
+export { SidebarFooter } from './SidebarFooter';
+export { SidebarSeparator } from './SidebarSeparator';
+export { SidebarContent } from './SidebarContent';
+export { SidebarGroup } from './SidebarGroup';
+export { SidebarGroupLabel } from './SidebarGroupLabel';
+export { SidebarGroupAction } from './SidebarGroupAction';
+export { SidebarGroupContent } from './SidebarGroupContent';
+export { SidebarMenu } from './SidebarMenu';
+export { SidebarMenuItem } from './SidebarMenuItem';
+export { SidebarMenuButton } from './SidebarMenuButton';
+export { SidebarMenuBadge } from './SidebarMenuBadge';
+export { SidebarMenuSkeleton } from './SidebarMenuSkeleton';
+export { SidebarMenuSub } from './SidebarMenuSub';
+export { SidebarMenuSubItem } from './SidebarMenuSubItem';
+export { SidebarMenuSubButton } from './SidebarMenuSubButton';

package/dist/components/skeleton/Skeleton.d.ts

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

package/dist/components/skeleton/Skeleton.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/skeleton/Skeleton.tsx
+var a = /* @__PURE__ */ r("<div data-slot=skeleton>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as Skeleton };

package/dist/components/skeleton/Skeleton.types.d.ts

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

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

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

package/dist/components/spinner/Spinner.d.ts

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

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { classes as t } from "./Spinner.styles.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+import { LoaderCircle as a } from "lucide-solid";
+//#region src/components/spinner/Spinner.tsx
+var o = (o) => {
+	let [s, c] = i(o, ["class", "classList"]);
+	return n(a, r({
+		get class() {
+			return e(t, s.class);
+		},
+		role: "status",
+		"aria-label": "Loading"
+	}, c));
+};
+//#endregion
+export { o as Spinner };

package/dist/components/spinner/Spinner.styles.d.ts

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

package/dist/components/spinner/Spinner.styles.js

@@ -0,0 +1,5 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+//#region src/components/spinner/Spinner.styles.ts
+var t = e("size-4", "animate-spin");
+//#endregion
+export { t as classes };

package/dist/components/spinner/Spinner.types.d.ts

@@ -0,0 +1,5 @@
+import { BaseProps, PolymorphicProps } from '../../types';
+interface BaseSpinnerProps extends BaseProps {
+}
+export type SpinnerProps = PolymorphicProps<"svg", BaseSpinnerProps, false>;
+export {};

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

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

package/dist/components/switch/Switch.d.ts

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

package/dist/components/switch/Switch.js

@@ -0,0 +1,62 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+import { classes as t } from "./Switch.styles.js";
+import { className as n, delegateEvents as r, effect as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
+import { createSignal as l, mergeProps as u, splitProps as d } from "solid-js";
+//#region src/components/switch/Switch.tsx
+var f = /* @__PURE__ */ c("<span data-slot=switch role=switch tabindex=0><span data-slot=switch-thumb>"), p = /* @__PURE__ */ c("<input tabindex=-1 aria-hidden=true type=checkbox>"), m = (r) => {
+	let [c, m] = d(u({ size: "md" }, r), [
+		"id",
+		"defaultChecked",
+		"onChange",
+		"size",
+		"disabled",
+		"class",
+		"classList"
+	]), [h, g] = l(c.defaultChecked), _ = () => {
+		let e = !h();
+		g(e), c.onChange?.(e);
+	};
+	return [(() => {
+		var r = f(), l = r.firstChild;
+		return r.$$click = _, s(r, a({
+			get "data-size"() {
+				return c.size;
+			},
+			get "data-checked"() {
+				return h() ? "" : void 0;
+			},
+			get "data-unchecked"() {
+				return h() ? void 0 : "";
+			},
+			get "data-disabled"() {
+				return c.disabled ? "" : void 0;
+			},
+			get "aria-checked"() {
+				return h();
+			},
+			get class() {
+				return e(t.switch, c.class);
+			}
+		}, m), !1, !0), i((e) => {
+			var r = t.thumb, i = h() ? "" : void 0, a = h() ? void 0 : "";
+			return r !== e.e && n(l, e.e = r), i !== e.t && o(l, "data-checked", e.t = i), a !== e.a && o(l, "data-unchecked", e.a = a), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), r;
+	})(), (() => {
+		var e = p();
+		return i((r) => {
+			var i = c.id, a = t.input, s = c.disabled;
+			return i !== r.e && o(e, "id", r.e = i), a !== r.t && n(e, r.t = a), s !== r.a && (e.disabled = r.a = s), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), i(() => e.checked = h()), e;
+	})()];
+};
+r(["click"]);
+//#endregion
+export { m as Switch };

package/dist/components/switch/Switch.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const classes: {
+    readonly switch: string;
+    readonly thumb: string;
+    readonly input: string;
+};

package/dist/components/switch/Switch.styles.js

@@ -0,0 +1,9 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+//#region src/components/switch/Switch.styles.ts
+var t = {
+	switch: e("relative inline-flex shrink-0 items-center after:absolute after:-inset-x-3 after:-inset-y-2", "rounded-full border border-transparent focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 aria-invalid:border-red-600 dark:aria-invalid:border-red-400/50", "focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-400/40 data-checked:bg-neutral-900 dark:data-checked:bg-neutral-200 data-unchecked:bg-neutral-200 dark:data-unchecked:bg-white/12", "data-[size=md]:h-[18.4px] data-[size=md]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6", "peer group/switch transition-all outline-none focus-visible:ring-3 aria-invalid:ring-3 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:pointer-events-none"),
+	thumb: e("pointer-events-none", "block", "rounded-full", "ring-0", "transition-transform", "group-data-[size=md]/switch:size-4 group-data-[size=sm]/switch:size-3", "group-data-[size=md]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=md]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0", "bg-white dark:bg-neutral-950 dark:data-checked:bg-neutral-900 dark:data-unchecked:bg-neutral-50"),
+	input: e("[clip-path:inset(50%)]", "overflow-hidden", "whitespace-nowrap", "border-none", "p-0", "size-px", "-m-1", "fixed", "top-0", "left-0")
+};
+//#endregion
+export { t as classes };

package/dist/components/switch/Switch.types.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps, PolymorphicProps } from '../../types';
+export type SwitchProps = Omit<PolymorphicProps<"span", BaseProps & {
+    size?: "sm" | "md";
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+}, false>, "children">;

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

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

package/dist/components/textarea/Textarea.d.ts

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

package/dist/components/textarea/Textarea.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/textarea/Textarea.tsx
+var a = /* @__PURE__ */ r("<textarea data-slot=textarea>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex field-sizing-content min-h-16 w-full rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500  focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:cursor-not-allowed disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as Textarea };

package/dist/components/textarea/Textarea.types.d.ts

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

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

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

package/dist/components/toast/components/Assets.d.ts

@@ -0,0 +1,9 @@
+import { JSX, Component } from 'solid-js';
+import { ToastTypes } from '../types';
+export declare function getAsset(type: ToastTypes): JSX.Element;
+interface LoaderProps {
+    visible: boolean;
+    class?: string;
+}
+export declare const Loader: Component<LoaderProps>;
+export {};

package/dist/components/toast/components/Assets.js

@@ -0,0 +1,30 @@
+import { className as e, createComponent as t, effect as n, insert as r, setAttribute as i, template as a } from "solid-js/web";
+import { For as o } from "solid-js";
+//#region src/components/toast/components/Assets.tsx
+var s = /* @__PURE__ */ a("<div><div class=sonner-spinner>"), c = /* @__PURE__ */ a("<div class=sonner-loading-bar>"), l = /* @__PURE__ */ a("<svg xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 20 20\"fill=currentColor height=20 width=20><title>Success</title><path fill-rule=evenodd d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z\"clip-rule=evenodd>"), u = /* @__PURE__ */ a("<svg xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 24 24\"fill=currentColor height=20 width=20><title>Warning</title><path fill-rule=evenodd d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z\"clip-rule=evenodd>"), d = /* @__PURE__ */ a("<svg xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 20 20\"fill=currentColor height=20 width=20><title>Info</title><path fill-rule=evenodd d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z\"clip-rule=evenodd>"), f = /* @__PURE__ */ a("<svg xmlns=http://www.w3.org/2000/svg viewBox=\"0 0 20 20\"fill=currentColor height=20 width=20><title>Error</title><path fill-rule=evenodd d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z\"clip-rule=evenodd>");
+function p(e) {
+	switch (e) {
+		case "success": return t(h, {});
+		case "info": return t(_, {});
+		case "warning": return t(g, {});
+		case "error": return t(v, {});
+		default: return null;
+	}
+}
+var m = (a) => (() => {
+	var l = s(), u = l.firstChild;
+	return r(u, t(o, {
+		get each() {
+			return Array(12).fill(0);
+		},
+		children: () => c()
+	})), n((t) => {
+		var n = ["sonner-loading-wrapper", a.class].filter(Boolean).join(" "), r = a.visible;
+		return n !== t.e && e(l, t.e = n), r !== t.t && i(l, "data-visible", t.t = r), t;
+	}, {
+		e: void 0,
+		t: void 0
+	}), l;
+})(), h = () => l(), g = () => u(), _ = () => d(), v = () => f();
+//#endregion
+export { m as Loader, p as getAsset };

package/dist/components/toast/components/Toast.d.ts

@@ -0,0 +1,3 @@
+import { Component } from 'solid-js';
+import { ToastProps } from '../types';
+export declare const Toast: Component<ToastProps>;