@kopexa/sidebar 1.0.2 → 1.0.4

package/dist/{chunk-QR6MW6DK.mjs → chunk-FPVGSRAX.mjs}

@@ -198,7 +198,11 @@ function SidebarRoot({
     }
   );
 }
-function SidebarTrigger({ className, onClick, ...props }) {
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
   const { toggleSidebar, styles } = useSidebar();
   return /* @__PURE__ */ jsxs(
     IconButton,
@@ -284,7 +288,10 @@ function SidebarFooter({ className, ...props }) {
     }
   );
 }
-function SidebarSeparator({ className, ...props }) {
+function SidebarSeparator({
+  className,
+  ...props
+}) {
   const { styles } = useSidebar();
   return /* @__PURE__ */ jsx(
     Separator,
@@ -469,5 +476,22 @@ var Sidebar = Object.assign(SidebarRoot, {
 export {
   useSidebar,
   SidebarProvider,
+  SidebarRoot,
+  SidebarTrigger,
+  SidebarRail,
+  SidebarInset,
+  SidebarInput,
+  SidebarHeader,
+  SidebarFooter,
+  SidebarSeparator,
+  SidebarContent,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarMenu,
+  SidebarMenuItem,
+  SidebarMenuButton,
+  SidebarMenuAction,
   Sidebar
 };

package/dist/index.js

@@ -216,7 +216,11 @@ function SidebarRoot({
     }
   );
 }
-function SidebarTrigger({ className, onClick, ...props }) {
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
   const { toggleSidebar, styles } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_button.IconButton,
@@ -302,7 +306,10 @@ function SidebarFooter({ className, ...props }) {
     }
   );
 }
-function SidebarSeparator({ className, ...props }) {
+function SidebarSeparator({
+  className,
+  ...props
+}) {
   const { styles } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_separator.Separator,

package/dist/index.mjs

@@ -3,7 +3,7 @@ import {
   Sidebar,
   SidebarProvider,
   useSidebar
-} from "./chunk-QR6MW6DK.mjs";
+} from "./chunk-FPVGSRAX.mjs";
 export {
   Sidebar,
   SidebarProvider,

package/dist/namespace.d.mts

@@ -0,0 +1,7 @@
+export { SidebarContent as Content, SidebarContentProps as ContentProps, SidebarFooter as Footer, SidebarFooterProps as FooterProps, SidebarGroup as Group, SidebarGroupAction as GroupAction, SidebarGroupActionProps as GroupActionProps, SidebarGroupContent as GroupContent, SidebarGroupContentProps as GroupContentProps, SidebarGroupLabel as GroupLabel, SidebarGroupLabelProps as GroupLabelProps, SidebarGroupProps as GroupProps, SidebarHeader as Header, SidebarHeaderProps as HeaderProps, SidebarInput as Input, SidebarInputProps as InputProps, SidebarInset as Inset, SidebarInsetProps as InsetProps, SidebarMenu as Menu, SidebarMenuAction as MenuAction, SidebarMenuActionProps as MenuActionProps, SidebarMenuButton as MenuButton, SidebarMenuButtonProps as MenuButtonProps, SidebarMenuItem as MenuItem, SidebarMenuItemProps as MenuItemProps, SidebarMenuProps as MenuProps, SidebarRail as Rail, SidebarRailProps as RailProps, SidebarRoot as Root, SidebarProps as RootProps, SidebarSeparator as Separator, SidebarSeparatorProps as SeparatorProps, SidebarTrigger as Trigger, SidebarTriggerProps as TriggerProps } from './sidebar.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/button';
+import '@kopexa/input';
+import '@kopexa/separator';
+import '@kopexa/theme';
+import 'react';

package/dist/namespace.d.ts

@@ -0,0 +1,7 @@
+export { SidebarContent as Content, SidebarContentProps as ContentProps, SidebarFooter as Footer, SidebarFooterProps as FooterProps, SidebarGroup as Group, SidebarGroupAction as GroupAction, SidebarGroupActionProps as GroupActionProps, SidebarGroupContent as GroupContent, SidebarGroupContentProps as GroupContentProps, SidebarGroupLabel as GroupLabel, SidebarGroupLabelProps as GroupLabelProps, SidebarGroupProps as GroupProps, SidebarHeader as Header, SidebarHeaderProps as HeaderProps, SidebarInput as Input, SidebarInputProps as InputProps, SidebarInset as Inset, SidebarInsetProps as InsetProps, SidebarMenu as Menu, SidebarMenuAction as MenuAction, SidebarMenuActionProps as MenuActionProps, SidebarMenuButton as MenuButton, SidebarMenuButtonProps as MenuButtonProps, SidebarMenuItem as MenuItem, SidebarMenuItemProps as MenuItemProps, SidebarMenuProps as MenuProps, SidebarRail as Rail, SidebarRailProps as RailProps, SidebarRoot as Root, SidebarProps as RootProps, SidebarSeparator as Separator, SidebarSeparatorProps as SeparatorProps, SidebarTrigger as Trigger, SidebarTriggerProps as TriggerProps } from './sidebar.js';
+import 'react/jsx-runtime';
+import '@kopexa/button';
+import '@kopexa/input';
+import '@kopexa/separator';
+import '@kopexa/theme';
+import 'react';

package/dist/namespace.js

@@ -0,0 +1,452 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SidebarContent,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupAction: () => SidebarGroupAction,
+  GroupContent: () => SidebarGroupContent,
+  GroupLabel: () => SidebarGroupLabel,
+  Header: () => SidebarHeader,
+  Input: () => SidebarInput,
+  Inset: () => SidebarInset,
+  Menu: () => SidebarMenu,
+  MenuAction: () => SidebarMenuAction,
+  MenuButton: () => SidebarMenuButton,
+  MenuItem: () => SidebarMenuItem,
+  Rail: () => SidebarRail,
+  Root: () => SidebarRoot,
+  Separator: () => SidebarSeparator,
+  Trigger: () => SidebarTrigger
+});
+module.exports = __toCommonJS(namespace_exports);
+
+// src/sidebar.tsx
+var import_button = require("@kopexa/button");
+var import_drawer = require("@kopexa/drawer");
+var import_icons = require("@kopexa/icons");
+var import_input = require("@kopexa/input");
+var import_react_utils = require("@kopexa/react-utils");
+var import_separator = require("@kopexa/separator");
+var import_theme = require("@kopexa/theme");
+var import_tooltip = require("@kopexa/tooltip");
+var import_use_is_mobile = require("@kopexa/use-is-mobile");
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var [Provider, useSidebar] = (0, import_react_utils.createContext)();
+function SidebarRoot({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}) {
+  const { isMobile, state, openMobile, setOpenMobile, styles } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        "data-slot": "sidebar",
+        className: styles.sidebar({
+          className
+        }),
+        ...props,
+        children
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_drawer.Drawer.Root,
+      {
+        open: openMobile,
+        onOpenChange: setOpenMobile,
+        placement: side,
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_drawer.Drawer.Content,
+          {
+            "data-sidebar": "sidebar",
+            "data-slot": "sidebar",
+            "data-mobile": "true",
+            className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+            style: {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_drawer.Drawer.Header, { className: "sr-only", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer.Title, { children: "Sidebar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_drawer.Drawer.Description, { children: "Displays the mobile sidebar." })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full w-full flex-col", children })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: styles.sidebarWrapper(),
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: styles.gap({
+              variant
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "data-slot": "sidebar-container",
+            className: styles.container({
+              side,
+              variant,
+              className
+            }),
+            ...props,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: styles.inner({
+                  side,
+                  variant
+                }),
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
+  const { toggleSidebar, styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_button.IconButton,
+    {
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "md",
+      className: styles.trigger({ className }),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        toggleSidebar();
+      },
+      "aria-label": "Toggle Sidebar",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+}
+function SidebarRail({ className, ...props }) {
+  const { toggleSidebar, styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: styles.rail({ className }),
+      ...props
+    }
+  );
+}
+function SidebarInset({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "main",
+    {
+      "data-slot": "sidebar-inset",
+      className: styles.inset({ className }),
+      ...props
+    }
+  );
+}
+function SidebarInput({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_input.Input,
+    {
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: styles.input({ className }),
+      ...props
+    }
+  );
+}
+function SidebarHeader({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: styles.header({ className }),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: styles.footer({ className }),
+      ...props
+    }
+  );
+}
+function SidebarSeparator({
+  className,
+  ...props
+}) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_separator.Separator,
+    {
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: styles.separator({ className }),
+      ...props
+    }
+  );
+}
+function SidebarContent({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: styles.content({ className }),
+      ...props
+    }
+  );
+}
+function SidebarGroup({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: styles.group({ className }),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const { styles } = useSidebar();
+  const Comp = asChild ? import_react_slot.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-group-label",
+      "data-sidebar": "group-label",
+      className: styles.groupLabel({ className }),
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const { styles } = useSidebar();
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      className: styles.groupAction({ className }),
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({
+  className,
+  ...props
+}) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: styles.groupContent({ className }),
+      ...props
+    }
+  );
+}
+function SidebarMenu({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "ul",
+    {
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: styles.menu({ className }),
+      ...props
+    }
+  );
+}
+function SidebarMenuItem({ className, ...props }) {
+  const { styles } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: styles.menuItem({ className }),
+      ...props
+    }
+  );
+}
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "md",
+  tooltip,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: (0, import_theme.sidebarMenuButton)({ variant, size, className }),
+      ...props
+    }
+  );
+  if (!tooltip) {
+    return button;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tooltip.Tooltip,
+    {
+      content: tooltip,
+      side: "right",
+      align: "center",
+      disabled: state !== "collapsed" || isMobile,
+      children: button
+    }
+  );
+}
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}) {
+  const styles = (0, import_theme.sidebarMenuAction)({ showOnHover, className });
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: styles,
+      ...props
+    }
+  );
+}
+var Sidebar = Object.assign(SidebarRoot, {
+  Trigger: SidebarTrigger,
+  Rail: SidebarRail,
+  Inset: SidebarInset,
+  Input: SidebarInput,
+  Header: SidebarHeader,
+  Footer: SidebarFooter,
+  Separator: SidebarSeparator,
+  Content: SidebarContent,
+  Group: SidebarGroup,
+  GroupLabel: SidebarGroupLabel,
+  GroupAction: SidebarGroupAction,
+  GroupContent: SidebarGroupContent,
+  Menu: SidebarMenu,
+  MenuItem: SidebarMenuItem,
+  MenuButton: SidebarMenuButton,
+  MenuAction: SidebarMenuAction
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Content,
+  Footer,
+  Group,
+  GroupAction,
+  GroupContent,
+  GroupLabel,
+  Header,
+  Input,
+  Inset,
+  Menu,
+  MenuAction,
+  MenuButton,
+  MenuItem,
+  Rail,
+  Root,
+  Separator,
+  Trigger
+});

package/dist/namespace.mjs

@@ -0,0 +1,39 @@
+"use client";
+import {
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarRail,
+  SidebarRoot,
+  SidebarSeparator,
+  SidebarTrigger
+} from "./chunk-FPVGSRAX.mjs";
+export {
+  SidebarContent as Content,
+  SidebarFooter as Footer,
+  SidebarGroup as Group,
+  SidebarGroupAction as GroupAction,
+  SidebarGroupContent as GroupContent,
+  SidebarGroupLabel as GroupLabel,
+  SidebarHeader as Header,
+  SidebarInput as Input,
+  SidebarInset as Inset,
+  SidebarMenu as Menu,
+  SidebarMenuAction as MenuAction,
+  SidebarMenuButton as MenuButton,
+  SidebarMenuItem as MenuItem,
+  SidebarRail as Rail,
+  SidebarRoot as Root,
+  SidebarSeparator as Separator,
+  SidebarTrigger as Trigger
+};

package/dist/sidebar.d.mts

@@ -93,4 +93,4 @@ declare const Sidebar: typeof SidebarRoot & {
     MenuAction: typeof SidebarMenuAction;
 };
 
-export { Sidebar, type SidebarContentProps, type SidebarGroupActionProps, type SidebarGroupContentProps, type SidebarGroupLabelProps, type SidebarGroupProps, type SidebarInsetProps, type SidebarMenuActionProps, type SidebarMenuButtonProps, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarRailProps, type SidebarSeparatorProps, type SidebarTriggerProps, useSidebar };
+export { Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarRoot, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, useSidebar };

package/dist/sidebar.d.ts

@@ -93,4 +93,4 @@ declare const Sidebar: typeof SidebarRoot & {
     MenuAction: typeof SidebarMenuAction;
 };
 
-export { Sidebar, type SidebarContentProps, type SidebarGroupActionProps, type SidebarGroupContentProps, type SidebarGroupLabelProps, type SidebarGroupProps, type SidebarInsetProps, type SidebarMenuActionProps, type SidebarMenuButtonProps, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, type SidebarRailProps, type SidebarSeparatorProps, type SidebarTriggerProps, useSidebar };
+export { Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarRoot, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, useSidebar };

package/dist/sidebar.js

@@ -22,7 +22,24 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var sidebar_exports = {};
 __export(sidebar_exports, {
   Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupAction: () => SidebarGroupAction,
+  SidebarGroupContent: () => SidebarGroupContent,
+  SidebarGroupLabel: () => SidebarGroupLabel,
+  SidebarHeader: () => SidebarHeader,
+  SidebarInput: () => SidebarInput,
+  SidebarInset: () => SidebarInset,
+  SidebarMenu: () => SidebarMenu,
+  SidebarMenuAction: () => SidebarMenuAction,
+  SidebarMenuButton: () => SidebarMenuButton,
+  SidebarMenuItem: () => SidebarMenuItem,
   SidebarProvider: () => SidebarProvider,
+  SidebarRail: () => SidebarRail,
+  SidebarRoot: () => SidebarRoot,
+  SidebarSeparator: () => SidebarSeparator,
+  SidebarTrigger: () => SidebarTrigger,
   useSidebar: () => useSidebar
 });
 module.exports = __toCommonJS(sidebar_exports);
@@ -214,7 +231,11 @@ function SidebarRoot({
     }
   );
 }
-function SidebarTrigger({ className, onClick, ...props }) {
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}) {
   const { toggleSidebar, styles } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_button.IconButton,
@@ -300,7 +321,10 @@ function SidebarFooter({ className, ...props }) {
     }
   );
 }
-function SidebarSeparator({ className, ...props }) {
+function SidebarSeparator({
+  className,
+  ...props
+}) {
   const { styles } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_separator.Separator,
@@ -484,6 +508,23 @@ var Sidebar = Object.assign(SidebarRoot, {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
   SidebarProvider,
+  SidebarRail,
+  SidebarRoot,
+  SidebarSeparator,
+  SidebarTrigger,
   useSidebar
 });

package/dist/sidebar.mjs

@@ -1,11 +1,45 @@
 "use client";
 import {
   Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
   SidebarProvider,
+  SidebarRail,
+  SidebarRoot,
+  SidebarSeparator,
+  SidebarTrigger,
   useSidebar
-} from "./chunk-QR6MW6DK.mjs";
+} from "./chunk-FPVGSRAX.mjs";
 export {
   Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuButton,
+  SidebarMenuItem,
   SidebarProvider,
+  SidebarRail,
+  SidebarRoot,
+  SidebarSeparator,
+  SidebarTrigger,
   useSidebar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/sidebar",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "",
   "keywords": [
     "sidebar"
@@ -28,19 +28,19 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "1.6.1"
+    "@kopexa/theme": "1.6.3"
   },
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
-    "@kopexa/button": "7.0.1",
-    "@kopexa/icons": "9.0.1",
-    "@kopexa/input": "2.0.1",
+    "@kopexa/button": "7.0.3",
+    "@kopexa/icons": "9.0.3",
+    "@kopexa/input": "2.0.3",
     "@kopexa/react-utils": "2.0.6",
-    "@kopexa/separator": "1.0.1",
+    "@kopexa/separator": "1.0.3",
     "@kopexa/shared-utils": "1.1.5",
-    "@kopexa/tooltip": "5.0.1",
+    "@kopexa/tooltip": "5.0.3",
     "@kopexa/use-is-mobile": "0.0.1",
-    "@kopexa/drawer": "9.0.1"
+    "@kopexa/drawer": "9.0.3"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",