@moduix/react 2.1.0 → 2.2.4

package/dist/components/sidebar/Sidebar.js

@@ -1,371 +1,384 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { ChevronLeftIcon } from "../../lib/moduix/icons/ui/Icons.js";
-import { Input } from "../input/Input.js";
-import { Separator } from "../separator/Separator.js";
-import { Splitter, useSplitterContext } from "../splitter/Splitter.js";
-import { Tooltip } from "../tooltip/Tooltip.js";
-import Sidebar_module_default from "./Sidebar.module.js";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ark } from "@ark-ui/react/factory";
 import { clsx } from "clsx";
 import { createContext, forwardRef, useContext } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/sidebar/Sidebar.tsx
+import { ChevronLeftIcon } from "../../internal/icons/ui/index.js";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { Input } from "../input/index.js";
+import { Separator } from "../separator/index.js";
+import { Splitter, useSplitterContext } from "../splitter/index.js";
+import { Tooltip } from "../tooltip/index.js";
+import Sidebar_module from "./Sidebar.module.js";
 const sidebarPanel = {
-	id: "sidebar",
-	minSize: "12rem",
-	maxSize: "18rem",
-	collapsible: true,
-	collapsedSize: "3rem"
+    id: 'sidebar',
+    minSize: '12rem',
+    maxSize: '18rem',
+    collapsible: true,
+    collapsedSize: '3rem'
+};
+const contentPanel = {
+    id: 'content'
 };
-const contentPanel = { id: "content" };
 const defaultPanelsBySide = {
-	left: [sidebarPanel, contentPanel],
-	right: [contentPanel, sidebarPanel]
+    left: [
+        sidebarPanel,
+        contentPanel
+    ],
+    right: [
+        contentPanel,
+        sidebarPanel
+    ]
 };
-const SidebarConfigContext = createContext({
-	panelId: "sidebar",
-	side: "left"
+const SidebarConfigContext = /*#__PURE__*/ createContext({
+    panelId: 'sidebar',
+    side: 'left'
 });
 function getDefaultSidebarSize(side) {
-	if (side === "left") return ["16rem"];
-	const defaultSize = [];
-	defaultSize[1] = "16rem";
-	return defaultSize;
+    if ('left' === side) return [
+        '16rem'
+    ];
+    const defaultSize = [];
+    defaultSize[1] = '16rem';
+    return defaultSize;
 }
 function getDefaultPanels(side, panelId) {
-	return defaultPanelsBySide[side].map((panel) => panel.id === "sidebar" ? {
-		...panel,
-		id: panelId
-	} : panel);
+    const panels = defaultPanelsBySide[side];
+    return panels.map((panel)=>'sidebar' === panel.id ? {
+            ...panel,
+            id: panelId
+        } : panel);
 }
 function toggleSidebarPanel(splitter, panelId) {
-	if (splitter.isPanelCollapsed(panelId)) {
-		splitter.expandPanel(panelId);
-		return;
-	}
-	splitter.collapsePanel(panelId);
+    if (splitter.isPanelCollapsed(panelId)) return void splitter.expandPanel(panelId);
+    splitter.collapsePanel(panelId);
 }
-const SidebarRoot = forwardRef(function SidebarRoot({ className, panels, defaultSize, panelId = "sidebar", side = "left", ...props }, ref) {
-	return /* @__PURE__ */ jsx(SidebarConfigContext.Provider, {
-		value: {
-			panelId,
-			side
-		},
-		children: /* @__PURE__ */ jsx(Splitter.Root, {
-			...props,
-			ref,
-			panels: panels ?? getDefaultPanels(side, panelId),
-			defaultSize: defaultSize ?? getDefaultSidebarSize(side),
-			orientation: "horizontal",
-			"data-side": side,
-			"data-slot": "sidebar-root",
-			className: clsx(Sidebar_module_default.root, normalizeClassName(className))
-		})
-	});
+const Sidebar_SidebarRoot = /*#__PURE__*/ forwardRef(function({ className, panels, defaultSize, panelId = 'sidebar', side = 'left', ...props }, ref) {
+    return /*#__PURE__*/ jsx(SidebarConfigContext.Provider, {
+        value: {
+            panelId,
+            side
+        },
+        children: /*#__PURE__*/ jsx(Splitter.Root, {
+            ...props,
+            ref: ref,
+            panels: panels ?? getDefaultPanels(side, panelId),
+            defaultSize: defaultSize ?? getDefaultSidebarSize(side),
+            orientation: "horizontal",
+            "data-side": side,
+            "data-slot": "sidebar-root",
+            className: clsx(Sidebar_module.root, normalizeClassName(className))
+        })
+    });
 });
 function useSidebar() {
-	const config = useContext(SidebarConfigContext);
-	const splitter = useSplitterContext();
-	const collapsed = splitter.isPanelCollapsed(config.panelId);
-	return {
-		collapsed,
-		side: config.side,
-		state: collapsed ? "collapsed" : "expanded",
-		toggleSidebar: () => toggleSidebarPanel(splitter, config.panelId)
-	};
+    const config = useContext(SidebarConfigContext);
+    const splitter = useSplitterContext();
+    const collapsed = splitter.isPanelCollapsed(config.panelId);
+    return {
+        collapsed,
+        side: config.side,
+        state: collapsed ? 'collapsed' : 'expanded',
+        toggleSidebar: ()=>toggleSidebarPanel(splitter, config.panelId)
+    };
 }
-const SidebarPanel = forwardRef(function SidebarPanel({ className, id, ...props }, ref) {
-	const config = useContext(SidebarConfigContext);
-	const splitter = useSplitterContext();
-	const panelId = id ?? config.panelId;
-	const collapsed = splitter.isPanelCollapsed(panelId);
-	return /* @__PURE__ */ jsx(Splitter.Panel, {
-		...props,
-		ref,
-		id: panelId,
-		"data-side": config.side,
-		"data-slot": "sidebar-panel",
-		"data-state": collapsed ? "collapsed" : "expanded",
-		className: clsx(Sidebar_module_default.panel, normalizeClassName(className))
-	});
+const Sidebar_SidebarPanel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    const config = useContext(SidebarConfigContext);
+    const splitter = useSplitterContext();
+    const collapsed = splitter.isPanelCollapsed(config.panelId);
+    return /*#__PURE__*/ jsx(Splitter.Panel, {
+        ...props,
+        ref: ref,
+        id: config.panelId,
+        "data-side": config.side,
+        "data-slot": "sidebar-panel",
+        "data-state": collapsed ? 'collapsed' : 'expanded',
+        className: clsx(Sidebar_module.panel, normalizeClassName(className))
+    });
 });
-const SidebarInset = forwardRef(function SidebarInset({ className, id = "content", ...props }, ref) {
-	const { side } = useContext(SidebarConfigContext);
-	return /* @__PURE__ */ jsx(Splitter.Panel, {
-		ref,
-		id,
-		"data-side": side,
-		"data-slot": "sidebar-inset",
-		className: clsx(Sidebar_module_default.inset, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarInset = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    const { side } = useContext(SidebarConfigContext);
+    return /*#__PURE__*/ jsx(Splitter.Panel, {
+        ...props,
+        ref: ref,
+        id: "content",
+        "data-side": side,
+        "data-slot": "sidebar-inset",
+        className: clsx(Sidebar_module.inset, normalizeClassName(className))
+    });
 });
-const SidebarResizeTrigger = forwardRef(function SidebarResizeTrigger({ children, className, id, "aria-label": ariaLabel = "Resize sidebar", ...props }, ref) {
-	const { panelId, side } = useContext(SidebarConfigContext);
-	const resolvedId = id ?? (side === "left" ? `${panelId}:content` : `content:${panelId}`);
-	return /* @__PURE__ */ jsx(Splitter.ResizeTrigger, {
-		...props,
-		ref,
-		id: resolvedId,
-		"aria-label": ariaLabel,
-		"data-side": side,
-		"data-slot": "sidebar-resize-trigger",
-		className: clsx(Sidebar_module_default.resizeTrigger, normalizeClassName(className)),
-		children: children === void 0 ? null : children
-	});
+const Sidebar_SidebarResizeTrigger = /*#__PURE__*/ forwardRef(function({ children, className, 'aria-label': ariaLabel = 'Resize sidebar', ...props }, ref) {
+    const { panelId, side } = useContext(SidebarConfigContext);
+    const id = 'left' === side ? `${panelId}:content` : `content:${panelId}`;
+    return /*#__PURE__*/ jsx(Splitter.ResizeTrigger, {
+        ...props,
+        ref: ref,
+        id: id,
+        "aria-label": ariaLabel,
+        "data-side": side,
+        "data-slot": "sidebar-resize-trigger",
+        className: clsx(Sidebar_module.resizeTrigger, normalizeClassName(className)),
+        children: void 0 === children ? null : children
+    });
 });
-const SidebarTrigger = forwardRef(function SidebarTrigger({ className, children, onClick, type = "button", "aria-label": ariaLabel = "Toggle sidebar", ...props }, ref) {
-	const config = useContext(SidebarConfigContext);
-	const sidebar = useSplitterContext();
-	const collapsed = sidebar.isPanelCollapsed(config.panelId);
-	const handleClick = (event) => {
-		onClick?.(event);
-		if (event.defaultPrevented) return;
-		toggleSidebarPanel(sidebar, config.panelId);
-	};
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		type,
-		"aria-label": ariaLabel,
-		"aria-expanded": !collapsed,
-		"data-scope": "sidebar",
-		"data-part": "trigger",
-		"data-side": config.side,
-		"data-slot": "sidebar-trigger",
-		"data-state": collapsed ? "collapsed" : "expanded",
-		className: clsx(Sidebar_module_default.trigger, normalizeClassName(className)),
-		onClick: handleClick,
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(ChevronLeftIcon, {})
-	});
+const Sidebar_SidebarTrigger = /*#__PURE__*/ forwardRef(function({ className, children, onClick, type = 'button', 'aria-label': ariaLabel = 'Toggle sidebar', ...props }, ref) {
+    const config = useContext(SidebarConfigContext);
+    const sidebar = useSplitterContext();
+    const collapsed = sidebar.isPanelCollapsed(config.panelId);
+    const handleClick = (event)=>{
+        onClick?.(event);
+        if (event.defaultPrevented) return;
+        toggleSidebarPanel(sidebar, config.panelId);
+    };
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        type: type,
+        "aria-label": ariaLabel,
+        "aria-expanded": !collapsed,
+        "data-scope": "sidebar",
+        "data-part": "trigger",
+        "data-side": config.side,
+        "data-slot": "sidebar-trigger",
+        "data-state": collapsed ? 'collapsed' : 'expanded',
+        className: clsx(Sidebar_module.trigger, normalizeClassName(className)),
+        onClick: handleClick,
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+    });
 });
-const SidebarLabel = forwardRef(function SidebarLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.span, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "label",
-		"data-slot": "sidebar-label",
-		className: clsx(Sidebar_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.span, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "label",
+        "data-slot": "sidebar-label",
+        className: clsx(Sidebar_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarHeader = forwardRef(function SidebarHeader({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.header, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "header",
-		"data-slot": "sidebar-header",
-		className: clsx(Sidebar_module_default.header, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarHeader = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.header, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "header",
+        "data-slot": "sidebar-header",
+        className: clsx(Sidebar_module.header, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarContent = forwardRef(function SidebarContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "content",
-		"data-slot": "sidebar-content",
-		className: clsx(Sidebar_module_default.content, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "content",
+        "data-slot": "sidebar-content",
+        className: clsx(Sidebar_module.content, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarFooter = forwardRef(function SidebarFooter({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.footer, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "footer",
-		"data-slot": "sidebar-footer",
-		className: clsx(Sidebar_module_default.footer, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarFooter = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.footer, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "footer",
+        "data-slot": "sidebar-footer",
+        className: clsx(Sidebar_module.footer, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarGroup = forwardRef(function SidebarGroup({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.section, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "group",
-		"data-slot": "sidebar-group",
-		className: clsx(Sidebar_module_default.group, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarGroup = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.section, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "group",
+        "data-slot": "sidebar-group",
+        className: clsx(Sidebar_module.group, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarGroupLabel = forwardRef(function SidebarGroupLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.h3, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "group-label",
-		"data-slot": "sidebar-group-label",
-		className: clsx(Sidebar_module_default.groupLabel, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarGroupLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.h3, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "group-label",
+        "data-slot": "sidebar-group-label",
+        className: clsx(Sidebar_module.groupLabel, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarGroupAction = forwardRef(function SidebarGroupAction({ className, type = "button", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		type,
-		"data-scope": "sidebar",
-		"data-part": "group-action",
-		"data-slot": "sidebar-group-action",
-		className: clsx(Sidebar_module_default.groupAction, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarGroupAction = /*#__PURE__*/ forwardRef(function({ className, type = 'button', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        type: type,
+        "data-scope": "sidebar",
+        "data-part": "group-action",
+        "data-slot": "sidebar-group-action",
+        className: clsx(Sidebar_module.groupAction, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarGroupContent = forwardRef(function SidebarGroupContent({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "group-content",
-		"data-slot": "sidebar-group-content",
-		className: clsx(Sidebar_module_default.groupContent, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarGroupContent = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "group-content",
+        "data-slot": "sidebar-group-content",
+        className: clsx(Sidebar_module.groupContent, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenu = forwardRef(function SidebarMenu({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.ul, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "menu",
-		"data-slot": "sidebar-menu",
-		className: clsx(Sidebar_module_default.menu, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenu = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.ul, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "menu",
+        "data-slot": "sidebar-menu",
+        className: clsx(Sidebar_module.menu, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuItem = forwardRef(function SidebarMenuItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.li, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "menu-item",
-		"data-slot": "sidebar-menu-item",
-		className: clsx(Sidebar_module_default.menuItem, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.li, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "menu-item",
+        "data-slot": "sidebar-menu-item",
+        className: clsx(Sidebar_module.menuItem, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuButton = forwardRef(function SidebarMenuButton({ active = false, className, size = "md", type = "button", "aria-current": ariaCurrent, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		type,
-		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
-		"data-scope": "sidebar",
-		"data-part": "menu-button",
-		"data-slot": "sidebar-menu-button",
-		"data-active": active ? "" : void 0,
-		"data-size": size,
-		className: clsx(Sidebar_module_default.menuButton, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuButton = /*#__PURE__*/ forwardRef(function({ active = false, className, size = 'md', type = 'button', 'aria-current': ariaCurrent, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        type: type,
+        "aria-current": ariaCurrent ?? (active ? 'page' : void 0),
+        "data-scope": "sidebar",
+        "data-part": "menu-button",
+        "data-slot": "sidebar-menu-button",
+        "data-active": active ? '' : void 0,
+        "data-size": size,
+        className: clsx(Sidebar_module.menuButton, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuAction = forwardRef(function SidebarMenuAction({ className, type = "button", ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.button, {
-		ref,
-		type,
-		"data-scope": "sidebar",
-		"data-part": "menu-action",
-		"data-slot": "sidebar-menu-action",
-		className: clsx(Sidebar_module_default.menuAction, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuAction = /*#__PURE__*/ forwardRef(function({ className, type = 'button', ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.button, {
+        ref: ref,
+        type: type,
+        "data-scope": "sidebar",
+        "data-part": "menu-action",
+        "data-slot": "sidebar-menu-action",
+        className: clsx(Sidebar_module.menuAction, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuBadge = forwardRef(function SidebarMenuBadge({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.div, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "menu-badge",
-		"data-slot": "sidebar-menu-badge",
-		className: clsx(Sidebar_module_default.menuBadge, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuBadge = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.div, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "menu-badge",
+        "data-slot": "sidebar-menu-badge",
+        className: clsx(Sidebar_module.menuBadge, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuSub = forwardRef(function SidebarMenuSub({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.ul, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "menu-sub",
-		"data-slot": "sidebar-menu-sub",
-		className: clsx(Sidebar_module_default.menuSub, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuSub = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.ul, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "menu-sub",
+        "data-slot": "sidebar-menu-sub",
+        className: clsx(Sidebar_module.menuSub, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuSubItem = forwardRef(function SidebarMenuSubItem({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.li, {
-		ref,
-		"data-scope": "sidebar",
-		"data-part": "menu-sub-item",
-		"data-slot": "sidebar-menu-sub-item",
-		className: clsx(Sidebar_module_default.menuSubItem, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuSubItem = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.li, {
+        ref: ref,
+        "data-scope": "sidebar",
+        "data-part": "menu-sub-item",
+        "data-slot": "sidebar-menu-sub-item",
+        className: clsx(Sidebar_module.menuSubItem, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarMenuSubButton = forwardRef(function SidebarMenuSubButton({ active = false, className, "aria-current": ariaCurrent, ...props }, ref) {
-	return /* @__PURE__ */ jsx(ark.a, {
-		ref,
-		"aria-current": ariaCurrent ?? (active ? "page" : void 0),
-		"data-scope": "sidebar",
-		"data-part": "menu-sub-button",
-		"data-slot": "sidebar-menu-sub-button",
-		"data-active": active ? "" : void 0,
-		className: clsx(Sidebar_module_default.menuSubButton, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarMenuSubButton = /*#__PURE__*/ forwardRef(function({ active = false, className, 'aria-current': ariaCurrent, ...props }, ref) {
+    return /*#__PURE__*/ jsx(ark.a, {
+        ref: ref,
+        "aria-current": ariaCurrent ?? (active ? 'page' : void 0),
+        "data-scope": "sidebar",
+        "data-part": "menu-sub-button",
+        "data-slot": "sidebar-menu-sub-button",
+        "data-active": active ? '' : void 0,
+        className: clsx(Sidebar_module.menuSubButton, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarTooltip = function SidebarTooltip({ children, content, openDelay = 200, closeDelay = 0, positioning, ...props }) {
-	const { collapsed, side } = useSidebar();
-	return /* @__PURE__ */ jsxs(Tooltip, {
-		...props,
-		openDelay,
-		closeDelay,
-		disabled: !collapsed,
-		positioning: {
-			placement: side === "left" ? "right" : "left",
-			gutter: 8,
-			...positioning
-		},
-		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children
-		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: content }) })]
-	});
+const Sidebar_SidebarTooltip = function({ children, content, openDelay = 200, closeDelay = 0, positioning, ...props }) {
+    const { collapsed, side } = useSidebar();
+    return /*#__PURE__*/ jsxs(Tooltip, {
+        ...props,
+        openDelay: openDelay,
+        closeDelay: closeDelay,
+        disabled: !collapsed,
+        positioning: {
+            placement: 'left' === side ? 'right' : 'left',
+            gutter: 8,
+            ...positioning
+        },
+        children: [
+            /*#__PURE__*/ jsx(Tooltip.Trigger, {
+                asChild: true,
+                children: children
+            }),
+            /*#__PURE__*/ jsx(Tooltip.Positioner, {
+                children: /*#__PURE__*/ jsx(Tooltip.Content, {
+                    children: content
+                })
+            })
+        ]
+    });
 };
-const SidebarInput = forwardRef(function SidebarInput({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Input.Root, {
-		ref,
-		"data-slot": "sidebar-input",
-		className: clsx(Sidebar_module_default.input, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarInput = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Input.Root, {
+        ref: ref,
+        "data-slot": "sidebar-input",
+        className: clsx(Sidebar_module.input, normalizeClassName(className)),
+        ...props
+    });
 });
-const SidebarSeparator = forwardRef(function SidebarSeparator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Separator.Root, {
-		ref,
-		"data-slot": "sidebar-separator",
-		className: clsx(Sidebar_module_default.separator, normalizeClassName(className)),
-		...props
-	});
+const Sidebar_SidebarSeparator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Separator.Root, {
+        ref: ref,
+        "data-slot": "sidebar-separator",
+        className: clsx(Sidebar_module.separator, normalizeClassName(className)),
+        ...props
+    });
 });
-const Sidebar = Object.assign(SidebarRoot, {
-	Root: SidebarRoot,
-	Panel: SidebarPanel,
-	Inset: SidebarInset,
-	ResizeTrigger: SidebarResizeTrigger,
-	Trigger: SidebarTrigger,
-	Label: SidebarLabel,
-	Input: SidebarInput,
-	Header: SidebarHeader,
-	Content: SidebarContent,
-	Footer: SidebarFooter,
-	Separator: SidebarSeparator,
-	Group: SidebarGroup,
-	GroupLabel: SidebarGroupLabel,
-	GroupAction: SidebarGroupAction,
-	GroupContent: SidebarGroupContent,
-	Menu: SidebarMenu,
-	MenuItem: SidebarMenuItem,
-	Tooltip: SidebarTooltip,
-	MenuButton: SidebarMenuButton,
-	MenuAction: SidebarMenuAction,
-	MenuBadge: SidebarMenuBadge,
-	MenuSub: SidebarMenuSub,
-	MenuSubItem: SidebarMenuSubItem,
-	MenuSubButton: SidebarMenuSubButton
+const Sidebar = Object.assign(Sidebar_SidebarRoot, {
+    Root: Sidebar_SidebarRoot,
+    Panel: Sidebar_SidebarPanel,
+    Inset: Sidebar_SidebarInset,
+    ResizeTrigger: Sidebar_SidebarResizeTrigger,
+    Trigger: Sidebar_SidebarTrigger,
+    Label: Sidebar_SidebarLabel,
+    Input: Sidebar_SidebarInput,
+    Header: Sidebar_SidebarHeader,
+    Content: Sidebar_SidebarContent,
+    Footer: Sidebar_SidebarFooter,
+    Separator: Sidebar_SidebarSeparator,
+    Group: Sidebar_SidebarGroup,
+    GroupLabel: Sidebar_SidebarGroupLabel,
+    GroupAction: Sidebar_SidebarGroupAction,
+    GroupContent: Sidebar_SidebarGroupContent,
+    Menu: Sidebar_SidebarMenu,
+    MenuItem: Sidebar_SidebarMenuItem,
+    Tooltip: Sidebar_SidebarTooltip,
+    MenuButton: Sidebar_SidebarMenuButton,
+    MenuAction: Sidebar_SidebarMenuAction,
+    MenuBadge: Sidebar_SidebarMenuBadge,
+    MenuSub: Sidebar_SidebarMenuSub,
+    MenuSubItem: Sidebar_SidebarMenuSubItem,
+    MenuSubButton: Sidebar_SidebarMenuSubButton
 });
-//#endregion
 export { Sidebar, useSidebar };