@neut/ui 0.0.1

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

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

package/dist/components/label/Label.d.ts

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

package/dist/components/label/Label.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/label/Label.tsx
+var a = /* @__PURE__ */ r("<label data-slot=label>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as Label };

package/dist/components/label/Label.types.d.ts

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

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

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

package/dist/components/pagination/Pagination/Pagination.d.ts

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

package/dist/components/pagination/Pagination/Pagination.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/pagination/Pagination/Pagination.tsx
+var a = /* @__PURE__ */ r("<nav aria-label=pagination data-slot=pagination>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("mx-auto flex w-full justify-center", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as Pagination };

package/dist/components/pagination/Pagination/Pagination.types.d.ts

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

package/dist/components/pagination/Pagination/index.d.ts

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

package/dist/components/pagination/PaginationContent/PaginationContent.d.ts

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

package/dist/components/pagination/PaginationContent/PaginationContent.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/pagination/PaginationContent/PaginationContent.tsx
+var a = /* @__PURE__ */ r("<ul data-slot=pagination-content>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex items-center gap-0.5", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as PaginationContent };

package/dist/components/pagination/PaginationContent/PaginationContent.types.d.ts

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

package/dist/components/pagination/PaginationContent/index.d.ts

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

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.d.ts

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

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { createComponent as t, insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+import { Ellipsis as s } from "lucide-solid";
+//#region src/components/pagination/PaginationEllipsis/PaginationEllipsis.tsx
+var c = /* @__PURE__ */ a("<span aria-hidden data-slot=pagination-ellipsis><span class=sr-only>More pages"), l = (a) => {
+	let [l, u] = o(a, ["class", "classList"]);
+	return (() => {
+		var a = c(), o = a.firstChild;
+		return i(a, r({ get class() {
+			return e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", l.class);
+		} }, u), !1, !0), n(a, t(s, {}), o), a;
+	})();
+};
+//#endregion
+export { l as PaginationEllipsis };

package/dist/components/pagination/PaginationEllipsis/PaginationEllipsis.types.d.ts

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

package/dist/components/pagination/PaginationEllipsis/index.d.ts

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

package/dist/components/pagination/PaginationItem/PaginationItem.d.ts

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

package/dist/components/pagination/PaginationItem/PaginationItem.js

@@ -0,0 +1,8 @@
+import { spread as e, template as t } from "solid-js/web";
+//#region src/components/pagination/PaginationItem/PaginationItem.tsx
+var n = /* @__PURE__ */ t("<li data-slot=pagination-item>"), r = (t) => (() => {
+	var r = n();
+	return e(r, t, !1, !1), r;
+})();
+//#endregion
+export { r as PaginationItem };

package/dist/components/pagination/PaginationItem/PaginationItem.types.d.ts

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

package/dist/components/pagination/PaginationItem/index.d.ts

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

package/dist/components/pagination/PaginationLink/PaginationLink.d.ts

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

package/dist/components/pagination/PaginationLink/PaginationLink.js

@@ -0,0 +1,41 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { createComponent as n, memo as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/pagination/PaginationLink/PaginationLink.tsx
+var s = (s) => {
+	let [c, l] = o(a({ size: "md" }, s), [
+		"size",
+		"isActive",
+		"class",
+		"classList",
+		"page",
+		"children"
+	]);
+	return n(t, i({
+		as: "a",
+		get variant() {
+			return c.isActive ? "outline" : "ghost";
+		},
+		get size() {
+			return c.size;
+		},
+		get "aria-current"() {
+			return c.isActive ? "page" : void 0;
+		},
+		"data-slot": "pagination-link",
+		get "data-active"() {
+			return c.isActive;
+		},
+		get class() {
+			return e(c.class);
+		},
+		get icon() {
+			return r(() => "page" in c)() ? c.page : void 0;
+		}
+	}, l, { get children() {
+		return c.children;
+	} }));
+};
+//#endregion
+export { s as PaginationLink };

package/dist/components/pagination/PaginationLink/PaginationLink.types.d.ts

@@ -0,0 +1,11 @@
+import { JSX, JSXElement } from 'solid-js';
+import { ButtonProps } from '../../button';
+export type PaginationLinkProps = Pick<ButtonProps<"a">, "size" | "onClick"> & {
+    isActive?: boolean;
+} & Omit<JSX.IntrinsicElements["a"], "children" | "onClick"> & ({
+    page: number;
+    children?: never;
+} | {
+    page?: never;
+    children: JSXElement;
+});

package/dist/components/pagination/PaginationLink/index.d.ts

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

package/dist/components/pagination/PaginationNext/PaginationNext.d.ts

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

package/dist/components/pagination/PaginationNext/PaginationNext.js

@@ -0,0 +1,30 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { PaginationLink as t } from "../PaginationLink/PaginationLink.js";
+import { createComponent as n, insert as r, mergeProps as i, template as a } from "solid-js/web";
+import { mergeProps as o, splitProps as s } from "solid-js";
+import { ChevronRight as c } from "lucide-solid";
+//#region src/components/pagination/PaginationNext/PaginationNext.tsx
+var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
+	let [u, d] = s(o({ text: "Next" }, a), [
+		"text",
+		"class",
+		"classList"
+	]);
+	return n(t, i({
+		"aria-label": "Go to next page",
+		size: "md",
+		get class() {
+			return e("pr-1.5!", u.class);
+		}
+	}, d, { get children() {
+		return [(() => {
+			var e = l();
+			return r(e, () => u.text), e;
+		})(), n(c, {
+			"data-icon": "inline-end",
+			class: "cn-rtl-flip"
+		})];
+	} }));
+};
+//#endregion
+export { u as PaginationNext };

package/dist/components/pagination/PaginationNext/PaginationNext.types.d.ts

@@ -0,0 +1,4 @@
+import { PaginationLinkProps } from '../PaginationLink/PaginationLink.types';
+export type PaginationNextProps = Omit<PaginationLinkProps, "children" | "page"> & {
+    text?: string;
+};

package/dist/components/pagination/PaginationNext/index.d.ts

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

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.d.ts

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

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.js

@@ -0,0 +1,30 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { PaginationLink as t } from "../PaginationLink/PaginationLink.js";
+import { createComponent as n, insert as r, mergeProps as i, template as a } from "solid-js/web";
+import { mergeProps as o, splitProps as s } from "solid-js";
+import { ChevronLeft as c } from "lucide-solid";
+//#region src/components/pagination/PaginationPrevious/PaginationPrevious.tsx
+var l = /* @__PURE__ */ a("<span class=\"hidden sm:block\">"), u = (a) => {
+	let [u, d] = s(o({ text: "Previous" }, a), [
+		"text",
+		"class",
+		"classList"
+	]);
+	return n(t, i({
+		"aria-label": "Go to previous page",
+		size: "md",
+		get class() {
+			return e("pl-1.5!", u.class);
+		}
+	}, d, { get children() {
+		return [n(c, {
+			"data-icon": "inline-start",
+			class: "cn-rtl-flip"
+		}), (() => {
+			var e = l();
+			return r(e, () => u.text), e;
+		})()];
+	} }));
+};
+//#endregion
+export { u as PaginationPrevious };

package/dist/components/pagination/PaginationPrevious/PaginationPrevious.types.d.ts

@@ -0,0 +1,4 @@
+import { PaginationLinkProps } from '../PaginationLink/PaginationLink.types';
+export type PaginationPreviousProps = Omit<PaginationLinkProps, "children" | "page"> & {
+    text?: string;
+};

package/dist/components/pagination/PaginationPrevious/index.d.ts

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

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

@@ -0,0 +1,7 @@
+export { Pagination } from './Pagination';
+export { PaginationContent } from './PaginationContent';
+export { PaginationItem } from './PaginationItem';
+export { PaginationLink } from './PaginationLink';
+export { PaginationPrevious } from './PaginationPrevious';
+export { PaginationNext } from './PaginationNext';
+export { PaginationEllipsis } from './PaginationEllipsis';

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.d.ts

@@ -0,0 +1,13 @@
+import { Accessor, Setter } from 'solid-js';
+import { ScrollMetrics } from './ScrollArea.types';
+interface ScrollAreaContextValue {
+    hovering: Accessor<boolean>;
+    viewportRef: () => HTMLDivElement;
+    dragging: Accessor<"vertical" | "horizontal" | null>;
+    setDragging: Setter<"vertical" | "horizontal" | null>;
+    vertical: Accessor<ScrollMetrics>;
+    horizontal: Accessor<ScrollMetrics>;
+}
+export declare const ScrollAreaContext: import('solid-js').Context<ScrollAreaContextValue | undefined>;
+export declare const useScrollAreaContext: () => ScrollAreaContextValue;
+export {};

package/dist/components/scroll-area/ScrollArea/ScrollArea.context.js

@@ -0,0 +1,9 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/scroll-area/ScrollArea/ScrollArea.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useScrollAreaContext must be used within a ScrollAreaProvider");
+	return e;
+};
+//#endregion
+export { n as ScrollAreaContext, r as useScrollAreaContext };

package/dist/components/scroll-area/ScrollArea/ScrollArea.d.ts

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

package/dist/components/scroll-area/ScrollArea/ScrollArea.js

@@ -0,0 +1,65 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { ScrollBar as t } from "../ScrollBar/ScrollBar.js";
+import { ScrollAreaContext as n } from "./ScrollArea.context.js";
+import { computeMetrics as r } from "./ScrollArea.utils.js";
+import { className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d, use as f } from "solid-js/web";
+import { createSignal as p, onCleanup as m, onMount as h, splitProps as g } from "solid-js";
+//#region src/components/scroll-area/ScrollArea/ScrollArea.tsx
+var _ = /* @__PURE__ */ d("<div data-slot=scroll-area-viewport role=region>"), v = /* @__PURE__ */ d("<div data-slot=scroll-area>"), y = (d) => {
+	let y, [b, x] = g(d, [
+		"orientation",
+		"class",
+		"classList",
+		"children",
+		"aria-label"
+	]), [S, C] = p(!1), [w, T] = p(null), [E, D] = p({
+		thumbRatio: 1,
+		thumbOffset: 0,
+		scrollable: !1
+	}), [O, k] = p({
+		thumbRatio: 1,
+		thumbOffset: 0,
+		scrollable: !1
+	});
+	function A() {
+		let e = y;
+		e && (D(r(e.clientHeight, e.scrollTop, e.scrollHeight)), k(r(e.clientWidth, e.scrollLeft, e.scrollWidth)));
+	}
+	return h(() => {
+		A();
+		let e = new ResizeObserver(A);
+		e.observe(y), y.firstElementChild && e.observe(y.firstElementChild), y.addEventListener("scroll", A, { passive: !0 }), m(() => {
+			e.disconnect(), y.removeEventListener("scroll", A);
+		});
+	}), (() => {
+		var r = v();
+		return r.addEventListener("mouseleave", () => C(!1)), r.addEventListener("mouseenter", () => C(!0)), u(r, c({ get class() {
+			return e("relative", b.class);
+		} }, x), !1, !0), s(r, a(n.Provider, {
+			value: {
+				hovering: S,
+				viewportRef: () => y,
+				dragging: w,
+				setDragging: T,
+				vertical: E,
+				horizontal: O
+			},
+			get children() {
+				return [(() => {
+					var t = _(), n = y;
+					return typeof n == "function" ? f(n, t) : y = t, s(t, () => b.children), o((n) => {
+						var r = b["aria-label"] ?? "Scrollable content", a = e("size-full rounded-[inherit] outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "focus-visible:ring-2 focus-visible:ring-offset-1", "focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", b.orientation === "vertical" ? "overflow-y-scroll overflow-x-hidden" : b.orientation === "horizontal" ? "overflow-x-scroll overflow-y-hidden" : "overflow-scroll");
+						return r !== n.e && l(t, "aria-label", n.e = r), a !== n.t && i(t, n.t = a), n;
+					}, {
+						e: void 0,
+						t: void 0
+					}), t;
+				})(), a(t, { get orientation() {
+					return b.orientation;
+				} })];
+			}
+		})), r;
+	})();
+};
+//#endregion
+export { y as ScrollArea };

package/dist/components/scroll-area/ScrollArea/ScrollArea.types.d.ts

@@ -0,0 +1,13 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ScrollAreaProps = PolymorphicProps<"div", BaseProps & {
+    "aria-label"?: string;
+    orientation?: "horizontal" | "vertical";
+}, false>;
+export interface ScrollMetrics {
+    /** 0–1 fraction of viewport / content */
+    thumbRatio: number;
+    /** 0–1 scroll position fraction */
+    thumbOffset: number;
+    /** Whether the axis is scrollable at all */
+    scrollable: boolean;
+}

package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.d.ts

@@ -0,0 +1,2 @@
+import { ScrollMetrics } from './ScrollArea.types';
+export declare function computeMetrics(client: number, scroll: number, scrollSize: number): ScrollMetrics;

package/dist/components/scroll-area/ScrollArea/ScrollArea.utils.js

@@ -0,0 +1,17 @@
+//#region src/components/scroll-area/ScrollArea/ScrollArea.utils.ts
+function e(e, t, n) {
+	let r = n > e + 1;
+	if (!r) return {
+		thumbRatio: 1,
+		thumbOffset: 0,
+		scrollable: !1
+	};
+	let i = e / n, a = n - e;
+	return {
+		thumbRatio: i,
+		thumbOffset: a > 0 ? t / a : 0,
+		scrollable: r
+	};
+}
+//#endregion
+export { e as computeMetrics };

package/dist/components/scroll-area/ScrollArea/index.d.ts

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

package/dist/components/scroll-area/ScrollBar/ScrollBar.d.ts

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

package/dist/components/scroll-area/ScrollBar/ScrollBar.js

@@ -0,0 +1,96 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useScrollAreaContext as t } from "../ScrollArea/ScrollArea.context.js";
+import { className as n, delegateEvents as r, effect as i, mergeProps as a, setAttribute as o, spread as s, style as c, template as l, use as u } from "solid-js/web";
+import { createMemo as d, createSignal as f, mergeProps as p, onCleanup as m, splitProps as h } from "solid-js";
+//#region src/components/scroll-area/ScrollBar/ScrollBar.tsx
+var g = /* @__PURE__ */ l("<div data-slot=scroll-area-scrollbar role=scrollbar aria-controls=scroll-area-viewport aria-valuemin=0 aria-valuemax=100 tabindex=0><div data-slot=scroll-area-thumb>"), _ = 20, v = (r) => {
+	let l = t(), v, [y, b] = h(p({ orientation: "vertical" }, r), [
+		"orientation",
+		"class",
+		"classList"
+	]), [x, S] = f(!1), C = () => y.orientation === "vertical", w = d(() => C() ? l.vertical() : l.horizontal()), T = d(() => {
+		let e = w(), t = (C() ? v?.clientHeight ?? 0 : v?.clientWidth ?? 0) - 2, n = t * e.thumbRatio, r = Math.max(n, _), i = Math.max(0, t - r) * e.thumbOffset;
+		return C() ? {
+			height: `${r}px`,
+			transform: `translateY(${i}px)`
+		} : {
+			width: `${r}px`,
+			transform: `translateX(${i}px)`
+		};
+	}), E = d(() => Math.round(w().thumbOffset * 100));
+	function D(e) {
+		e.preventDefault(), e.stopPropagation();
+		let t = l.viewportRef();
+		if (!t) return;
+		l.setDragging(y.orientation), S(!0);
+		let n = C() ? e.clientY : e.clientX, r = C() ? t.scrollTop : t.scrollLeft, i = C() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth, a = i / ((C() ? v.clientHeight : v.clientWidth) - 2 - (C() ? e.currentTarget.clientHeight : e.currentTarget.clientWidth));
+		function o(e) {
+			let o = (C() ? e.clientY : e.clientX) - n, s = Math.max(0, Math.min(i, r + o * a));
+			C() ? t.scrollTop = s : t.scrollLeft = s;
+		}
+		function s() {
+			l.setDragging(null), S(!1), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
+		}
+		window.addEventListener("pointermove", o), window.addEventListener("pointerup", s), m(() => {
+			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
+		});
+	}
+	function O(e) {
+		if (e.target.dataset.slot === "scroll-area-thumb") return;
+		let t = l.viewportRef();
+		if (!t) return;
+		let n = v.getBoundingClientRect(), r = (C() ? (e.clientY - n.top) / n.height : (e.clientX - n.left) / n.width) * (C() ? t.scrollHeight - t.clientHeight : t.scrollWidth - t.clientWidth);
+		t.scrollTo({
+			[C() ? "top" : "left"]: r,
+			behavior: "smooth"
+		});
+	}
+	function k(e) {
+		let t = l.viewportRef();
+		if (!t) return;
+		let n = C() ? t.clientHeight : t.clientWidth, r = {
+			ArrowDown: 40,
+			ArrowRight: 40,
+			ArrowUp: -40,
+			ArrowLeft: -40,
+			PageDown: n,
+			PageUp: -n,
+			Home: -Infinity,
+			End: Infinity
+		}[e.key];
+		r !== void 0 && (e.preventDefault(), C() ? t.scrollTop = Math.max(0, Math.min(t.scrollHeight - t.clientHeight, r === Infinity ? t.scrollHeight : r === -Infinity ? 0 : t.scrollTop + r)) : t.scrollLeft = Math.max(0, Math.min(t.scrollWidth - t.clientWidth, r === Infinity ? t.scrollWidth : r === -Infinity ? 0 : t.scrollLeft + r)));
+	}
+	let A = d(() => l.hovering() || l.dragging() === r.orientation || x());
+	return (() => {
+		var t = g(), r = t.firstChild;
+		t.$$keydown = k, t.$$pointerdown = O;
+		var d = v;
+		return typeof d == "function" ? u(d, t) : v = t, s(t, a({
+			get "aria-orientation"() {
+				return y.orientation;
+			},
+			get "aria-valuenow"() {
+				return E();
+			},
+			get "data-orientation"() {
+				return y.orientation;
+			},
+			get "data-hovering"() {
+				return l.hovering() ? "" : void 0;
+			},
+			get class() {
+				return e("absolute touch-none select-none transition-opacity duration-150", A() ? "opacity-100" : "opacity-0", C() ? "right-0 top-0 h-full w-2.5 border-l border-l-transparent p-px flex flex-col" : "bottom-0 left-0 w-full h-2.5 border-t border-t-transparent p-px flex flex-row", "outline-none focus-visible:ring-2 focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70", y.class);
+			}
+		}, b), !1, !0), r.$$pointerdown = D, i((t) => {
+			var i = y.orientation, a = e("relative rounded-full", "bg-neutral-300 dark:bg-white/20", "hover:bg-neutral-400 dark:hover:bg-white/30", x() ? "bg-neutral-500 dark:bg-white/40" : "", "transition-colors duration-100", C() ? "min-h-5 w-full" : "min-w-5 h-full"), s = T();
+			return i !== t.e && o(r, "data-orientation", t.e = i), a !== t.t && n(r, t.t = a), t.a = c(r, s, t.a), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), t;
+	})();
+};
+r(["pointerdown", "keydown"]);
+//#endregion
+export { v as ScrollBar };

package/dist/components/scroll-area/ScrollBar/ScrollBar.types.d.ts

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ScrollBarProps = PolymorphicProps<"div", BaseProps & {
+    orientation?: "horizontal" | "vertical";
+}, false>;

package/dist/components/scroll-area/ScrollBar/index.d.ts

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

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea } from './ScrollArea';
+export { ScrollBar } from './ScrollBar';

package/dist/components/separator/Separator.d.ts

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

package/dist/components/separator/Separator.js

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

package/dist/components/separator/Separator.styles.d.ts

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

package/dist/components/separator/Separator.styles.js

@@ -0,0 +1,5 @@
+import { clsx as e } from "../../lib/utils/clsx.js";
+//#region src/components/separator/Separator.styles.ts
+var t = e("shrink-0 bg-neutral-200 dark:bg-white/10 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch");
+//#endregion
+export { t as classes };

package/dist/components/separator/Separator.types.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../types';
+interface BaseSeparatorProps extends BaseProps {
+    orientation?: "horizontal" | "vertical";
+    style?: JSX.CSSProperties;
+}
+export type SeparatorProps = PolymorphicProps<"div", BaseSeparatorProps, false>;
+export {};

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

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

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

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