@neut/ui 0.0.1

package/dist/components/sidebar/Sidebar/Sidebar.js

@@ -0,0 +1,60 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
+import { className as n, createComponent as r, effect as i, insert as a, mergeProps as o, setAttribute as s, spread as c, template as l } from "solid-js/web";
+import { Show as u, mergeProps as d, splitProps as f } from "solid-js";
+//#region src/components/sidebar/Sidebar/Sidebar.tsx
+var p = /* @__PURE__ */ l("<div class=\"group peer hidden text-neutral-950 dark:text-neutral-50 md:block\"data-slot=sidebar><div data-slot=sidebar-gap></div><div data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner class=\"flex size-full flex-col bg-neutral-50 dark:bg-neutral-900 group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-neutral-200 dark:group-data-[variant=floating]:ring-white/10\">"), m = /* @__PURE__ */ l("<div data-slot=sidebar>"), h = (l) => {
+	let { isMobile: h, state: g } = t(), [_, v] = f(d({
+		side: "left",
+		variant: "sidebar",
+		collapsible: "offcanvas"
+	}, l), [
+		"side",
+		"variant",
+		"collapsible",
+		"class",
+		"classList",
+		"children"
+	]);
+	return r(u, {
+		get when() {
+			return _.collapsible !== "none";
+		},
+		get fallback() {
+			return (() => {
+				var t = m();
+				return c(t, o({ get class() {
+					return e("flex h-full w-(--sidebar-width) flex-col", "bg-neutral-50 text-neutral-950", "dark:bg-neutral-900 dark:text-neutral-50", _.class);
+				} }, v), !1, !0), a(t, () => _.children), t;
+			})();
+		},
+		get children() {
+			return r(u, {
+				when: !h,
+				fallback: null,
+				get children() {
+					var t = p(), r = t.firstChild, u = r.nextSibling, d = u.firstChild;
+					return c(u, o({
+						get "data-side"() {
+							return _.side;
+						},
+						get class() {
+							return e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", _.variant === "floating" || _.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", _.class);
+						}
+					}, l), !1, !0), a(d, () => _.children), i((i) => {
+						var a = g(), o = g() === "collapsed" ? _.collapsible : "", c = _.variant, l = _.side, u = e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", _.variant === "floating" || _.variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)");
+						return a !== i.e && s(t, "data-state", i.e = a), o !== i.t && s(t, "data-collapsible", i.t = o), c !== i.a && s(t, "data-variant", i.a = c), l !== i.o && s(t, "data-side", i.o = l), u !== i.i && n(r, i.i = u), i;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0,
+						o: void 0,
+						i: void 0
+					}), t;
+				}
+			});
+		}
+	});
+};
+//#endregion
+export { h as Sidebar };

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

@@ -0,0 +1,6 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarProps = PolymorphicProps<"div", BaseProps & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, false>;

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

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

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

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

package/dist/components/sidebar/SidebarContent/SidebarContent.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/SidebarContent/SidebarContent.tsx
+var a = /* @__PURE__ */ r("<div data-slot=sidebar-content data-sidebar=content>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarContent };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarFooter/SidebarFooter.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/SidebarFooter/SidebarFooter.tsx
+var a = /* @__PURE__ */ r("<div data-slot=sidebar-footer data-sidebar=footer>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex flex-col gap-2 p-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarFooter };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarGroup/SidebarGroup.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/SidebarGroup/SidebarGroup.tsx
+var a = /* @__PURE__ */ r("<div data-slot=sidebar-group data-sidebar=group>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("relative flex w-full min-w-0 flex-col p-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarGroup };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js

@@ -0,0 +1,23 @@
+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/SidebarGroupAction/SidebarGroupAction.tsx
+var o = (o) => {
+	let [s, c] = a(i({ as: "button" }, o), [
+		"as",
+		"class",
+		"classList"
+	]);
+	return n(t, r({
+		get component() {
+			return s.as;
+		},
+		"data-slot": "sidebar-group-action",
+		"data-sidebar": "group-action",
+		get class() {
+			return e("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-neutral-950 dark:text-neutral-50 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-50 focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", s.class);
+		}
+	}, c));
+};
+//#endregion
+export { o as SidebarGroupAction };

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

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarGroupActionProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps>;

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js

@@ -0,0 +1,23 @@
+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/SidebarGroupLabel/SidebarGroupLabel.tsx
+var o = (o) => {
+	let [s, c] = a(i({ as: "div" }, o), [
+		"as",
+		"class",
+		"classList"
+	]);
+	return n(t, r({
+		get component() {
+			return s.as;
+		},
+		"data-slot": "sidebar-group-label",
+		"data-sidebar": "group-label",
+		get class() {
+			return e("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-neutral-950/70 dark:text-neutral-50/70 ring-neutral-400 dark:ring-neutral-500 outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", s.class);
+		}
+	}, c));
+};
+//#endregion
+export { o as SidebarGroupLabel };

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

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarGroupLabelProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps>;

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

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

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

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

package/dist/components/sidebar/SidebarHeader/SidebarHeader.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/SidebarHeader/SidebarHeader.tsx
+var a = /* @__PURE__ */ r("<div data-slot=sidebar-header data-sidebar=header>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex flex-col gap-2 p-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarHeader };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarInput/SidebarInput.js

@@ -0,0 +1,17 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Input as t } from "../../input/Input.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/sidebar/SidebarInput/SidebarInput.tsx
+var a = (a) => {
+	let [o, s] = i(a, ["class", "classList"]);
+	return n(t, r({
+		"data-slot": "sidebar-input",
+		"data-sidebar": "input",
+		get class() {
+			return e("h-8 w-full bg-white dark:bg-neutral-950 shadow-none", o.class);
+		}
+	}, s));
+};
+//#endregion
+export { a as SidebarInput };

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

@@ -0,0 +1,2 @@
+import { InputProps } from '../../input/Input.types';
+export type SidebarInputProps = InputProps;

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

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

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

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

package/dist/components/sidebar/SidebarInset/SidebarInset.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/SidebarInset/SidebarInset.tsx
+var a = /* @__PURE__ */ r("<main data-slot=sidebar-inset>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("relative flex w-full flex-1 flex-col bg-white dark:bg-neutral-950 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarInset };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarMenu/SidebarMenu.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/SidebarMenu/SidebarMenu.tsx
+var a = /* @__PURE__ */ r("<ul data-slot=sidebar-menu data-sidebar=menu>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("flex w-full min-w-0 flex-col gap-0", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarMenu };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.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/SidebarMenuBadge/SidebarMenuBadge.tsx
+var a = /* @__PURE__ */ r("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), o = (r) => {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t({ get class() {
+			return e("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-neutral-950 dark:text-neutral-50 tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-neutral-900 dark:peer-hover/menu-button:text-neutral-50 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-neutral-900 dark:peer-data-active/menu-button:text-neutral-50", o.class);
+		} }, s), !1, !1), r;
+	})();
+};
+//#endregion
+export { o as SidebarMenuBadge };

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

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

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

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

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

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

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js

@@ -0,0 +1,66 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { useSidebar as t } from "../SidebarProvider/SidebarProvider.context.js";
+import { sidebarMenuButtonVariants as n } from "./SidebarMenuButton.styles.js";
+import { Tooltip as r } from "../../tooltip/Tooltip/Tooltip.js";
+import { TooltipTrigger as i } from "../../tooltip/TooltipTrigger/TooltipTrigger.js";
+import { TooltipContent as a } from "../../tooltip/TooltipContent/TooltipContent.js";
+import { Dynamic as o, createComponent as s, mergeProps as c } from "solid-js/web";
+import { Show as l, children as u, mergeProps as d, splitProps as f } from "solid-js";
+//#region src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx
+var p = (p) => {
+	let { isMobile: m, state: h } = t(), [g, _] = f(d({
+		isActive: !1,
+		variant: "ghost",
+		size: "md",
+		as: "button"
+	}, p), [
+		"as",
+		"isActive",
+		"variant",
+		"size",
+		"tooltip",
+		"class",
+		"classList"
+	]), v = u(() => s(o, c({
+		get component() {
+			return g.as;
+		},
+		"data-slot": "sidebar-menu-button",
+		"data-sidebar": "menu-button",
+		get "data-size"() {
+			return g.size;
+		},
+		get "data-active"() {
+			return g.isActive;
+		},
+		get class() {
+			return e(n({
+				variant: g.variant,
+				size: g.size
+			}), g.class);
+		}
+	}, _)));
+	return s(l, {
+		get when() {
+			return g.tooltip;
+		},
+		get fallback() {
+			return v();
+		},
+		get children() {
+			return s(r, { get children() {
+				return [s(i, { get children() {
+					return v();
+				} }), s(a, c({
+					side: "right",
+					align: "center",
+					get hidden() {
+						return h() !== "collapsed" || m;
+					}
+				}, () => typeof g.tooltip == "string" ? { children: g.tooltip } : g.tooltip))];
+			} });
+		}
+	});
+};
+//#endregion
+export { p as SidebarMenuButton };

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "outline" | "ghost" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js

@@ -0,0 +1,21 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts
+var t = e("peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+	variants: {
+		variant: {
+			ghost: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		},
+		size: {
+			md: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "ghost",
+		size: "md"
+	}
+});
+//#endregion
+export { t as sidebarMenuButtonVariants };

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { TooltipContentProps } from '../../tooltip/TooltipContent/TooltipContent.types';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { sidebarMenuButtonVariants } from './SidebarMenuButton.styles';
+import { ValidComponent } from 'solid-js';
+export type SidebarMenuButtonProps<T extends ValidComponent> = PolymorphicProps<T, BaseProps & {
+    isActive?: boolean;
+    tooltip?: string | TooltipContentProps;
+} & VariantProps<typeof sidebarMenuButtonVariants>, false>;

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.js

@@ -0,0 +1,36 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Skeleton as t } from "../../skeleton/Skeleton.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { Show as s, mergeProps as c, splitProps as l } from "solid-js";
+//#region src/components/sidebar/SidebarMenuSkeleton/SidebarMenuSkeleton.tsx
+var u = /* @__PURE__ */ o("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), d = (o) => {
+	let [d, f] = l(c({ showIcon: !1 }, o), [
+		"showIcon",
+		"class",
+		"classList"
+	]), p = () => `${Math.floor(Math.random() * 40) + 50}%`;
+	return (() => {
+		var o = u();
+		return a(o, i({ get class() {
+			return e("flex h-8 items-center gap-2 rounded-md px-2", d.class);
+		} }, f), !1, !0), r(o, n(s, {
+			get when() {
+				return d.showIcon;
+			},
+			get children() {
+				return n(t, {
+					class: "size-4 rounded-md",
+					"data-sidebar": "menu-skeleton-icon"
+				});
+			}
+		}), null), r(o, n(t, {
+			class: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			get style() {
+				return { "--skeleton-width": p() };
+			}
+		}), null), o;
+	})();
+};
+//#endregion
+export { d as SidebarMenuSkeleton };

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

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type SidebarMenuSkeletonProps = PolymorphicProps<"div", BaseProps & {
+    showIcon?: boolean;
+}, false>;

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

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

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

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