shad-m 1.0.2 → 1.0.3

package/dist/common/display/sidebar/app-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/display/sidebar/app-sidebar.tsx"],"names":["useSidebar","jsx","jsxs","Sidebar","cn","SidebarHeader","SidebarMenu","SidebarMenuItem","SidebarMenuButton","SidebarTrigger","SidebarContent","React","NavMain","SidebarFooter","SidebarRail"],"mappings":"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","file":"app-sidebar.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { NavSectionType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarTrigger,\n  useSidebar,\n} from '@repo/ui/components/sidebar';\nimport { NavMain } from './nav-main';\nimport { NavItemClassNames, SidebarClassNames } from './types';\n\ntype AppSidebar = {\n  navSections: NavSectionType[]; // Changed from navItems to navSections\n  LinkComponent?: React.ComponentType<any>;\n  sidebarHeader: React.ReactNode;\n  sidebarHeaderAsMenuItem?: boolean; // If true, wraps sidebarHeader in SidebarMenu structure\n  sidebarHeaderLink?: string; // Optional link for header when used as menu item\n  sidebarFooter?: React.ReactNode; // Footer content (parent decides what to show)\n  sidebarContent?: React.ReactNode; // Additional content before navigation (e.g., userInfo on mobile)\n  hasSideRail?: boolean; // Controls SidebarRail visibility for drag-to-resize functionality (default: false)\n  // Grouped style customization props\n  classNames?: SidebarClassNames;\n  navClassNames?: NavItemClassNames;\n  mobileSheetClassName?: string;\n  showHeader?: boolean; // Control header visibility\n  showFooter?: boolean; // Control footer visibility\n  /**\n   * Control gap behavior when sidebar is collapsed\n   * - true: Use smaller gap (gap-2) when collapsed\n   * - false: Keep consistent gap (gap-6)\n   */\n  compactWhenCollapsed?: boolean;\n} & React.ComponentProps<typeof Sidebar>;\n\nexport function AppSidebar({\n  navSections,\n  sidebarHeader,\n  sidebarHeaderAsMenuItem = true,\n  sidebarHeaderLink = '/',\n  sidebarFooter,\n  sidebarContent,\n  hasSideRail = false,\n  LinkComponent,\n  classNames,\n  navClassNames,\n  className,\n  mobileSheetClassName,\n  showHeader = true,\n  showFooter = true,\n  compactWhenCollapsed = true,\n  ...props\n}: AppSidebar) {\n  const { isMobile, openMobile, state, isHovered, open } = useSidebar();\n  // On mobile: use openMobile state\n  // On desktop: show expanded when open OR when collapsed but hovered\n  const isExpanded = isMobile ? openMobile : open || (state === 'collapsed' && isHovered);\n\n  const Link =\n    LinkComponent ||\n    (({ href, children, ...linkProps }) => (\n      <a href={href} {...linkProps}>\n        {children}\n      </a>\n    ));\n\n  return (\n    <Sidebar\n      collapsible=\"icon\"\n      className={cn('z-40', className)}\n      mobileSheetClassName={classNames?.mobileRoot}\n      {...props}\n    >\n      {showHeader && (\n        <SidebarHeader className={cn('relative', classNames?.header)}>\n          {sidebarHeaderAsMenuItem ? (\n            <SidebarMenu>\n              <Link href={sidebarHeaderLink} className=\"cursor-pointer\">\n                <SidebarMenuItem>\n                  <SidebarMenuButton\n                    size=\"lg\"\n                    className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n                  >\n                    {sidebarHeader}\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </Link>\n            </SidebarMenu>\n          ) : (\n            <>{sidebarHeader}</>\n          )}\n          <SidebarTrigger\n            className={cn(\n              'absolute right-[-16px] top-4 z-30 hidden h-8 w-8 rounded-full lg:flex',\n              classNames?.trigger,\n            )}\n          />\n        </SidebarHeader>\n      )}\n      {/* ...existing code... */}\n      <SidebarContent\n        className={cn(\n          'gap-6',\n          classNames?.content,\n          !showHeader && 'pt-6', // Add padding-top when header is hidden\n        )}\n      >\n        {/* Additional content before navigation (e.g., userInfo on mobile) */}\n        {sidebarContent}\n\n        {/* Navigation Sections */}\n        {navSections.map((section, index) => (\n          <React.Fragment key={section.label || index}>\n            <NavMain\n              label={section.label}\n              items={section.items}\n              LinkComponent={LinkComponent}\n              labelClassName={navClassNames?.label}\n              itemClassName={navClassNames?.item}\n              itemActiveClassName={navClassNames?.itemActive}\n              itemHoverClassName={navClassNames?.itemHover}\n              subItemClassName={navClassNames?.subItem}\n              subItemActiveClassName={navClassNames?.subItemActive}\n              subItemHoverClassName={navClassNames?.subItemHover}\n            />\n          </React.Fragment>\n        ))}\n      </SidebarContent>\n      {showFooter && sidebarFooter && (\n        <SidebarFooter className={classNames?.footer}>{sidebarFooter}</SidebarFooter>\n      )}\n      {hasSideRail && <SidebarRail />}\n    </Sidebar>\n  );\n}\n"]}

package/dist/common/display/sidebar/app-sidebar.mjs

@@ -0,0 +1,92 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+import { useSidebar, Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarTrigger, SidebarContent, SidebarFooter, SidebarRail } from '@repo/ui/components/sidebar';
+import { NavMain } from './nav-main';
+
+function AppSidebar({
+  navSections,
+  sidebarHeader,
+  sidebarHeaderAsMenuItem = true,
+  sidebarHeaderLink = "/",
+  sidebarFooter,
+  sidebarContent,
+  hasSideRail = false,
+  LinkComponent,
+  classNames,
+  navClassNames,
+  className,
+  mobileSheetClassName,
+  showHeader = true,
+  showFooter = true,
+  compactWhenCollapsed = true,
+  ...props
+}) {
+  const { isMobile, openMobile, state, isHovered, open } = useSidebar();
+  const Link = LinkComponent || (({ href, children, ...linkProps }) => /* @__PURE__ */ jsx("a", { href, ...linkProps, children }));
+  return /* @__PURE__ */ jsxs(
+    Sidebar,
+    {
+      collapsible: "icon",
+      className: cn("z-40", className),
+      mobileSheetClassName: classNames?.mobileRoot,
+      ...props,
+      children: [
+        showHeader && /* @__PURE__ */ jsxs(SidebarHeader, { className: cn("relative", classNames?.header), children: [
+          sidebarHeaderAsMenuItem ? /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(Link, { href: sidebarHeaderLink, className: "cursor-pointer", children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(
+            SidebarMenuButton,
+            {
+              size: "lg",
+              className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+              children: sidebarHeader
+            }
+          ) }) }) }) : /* @__PURE__ */ jsx(Fragment, { children: sidebarHeader }),
+          /* @__PURE__ */ jsx(
+            SidebarTrigger,
+            {
+              className: cn(
+                "absolute right-[-16px] top-4 z-30 hidden h-8 w-8 rounded-full lg:flex",
+                classNames?.trigger
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          SidebarContent,
+          {
+            className: cn(
+              "gap-6",
+              classNames?.content,
+              !showHeader && "pt-6"
+              // Add padding-top when header is hidden
+            ),
+            children: [
+              sidebarContent,
+              navSections.map((section, index) => /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsx(
+                NavMain,
+                {
+                  label: section.label,
+                  items: section.items,
+                  LinkComponent,
+                  labelClassName: navClassNames?.label,
+                  itemClassName: navClassNames?.item,
+                  itemActiveClassName: navClassNames?.itemActive,
+                  itemHoverClassName: navClassNames?.itemHover,
+                  subItemClassName: navClassNames?.subItem,
+                  subItemActiveClassName: navClassNames?.subItemActive,
+                  subItemHoverClassName: navClassNames?.subItemHover
+                }
+              ) }, section.label || index))
+            ]
+          }
+        ),
+        showFooter && sidebarFooter && /* @__PURE__ */ jsx(SidebarFooter, { className: classNames?.footer, children: sidebarFooter }),
+        hasSideRail && /* @__PURE__ */ jsx(SidebarRail, {})
+      ]
+    }
+  );
+}
+
+export { AppSidebar };
+//# sourceMappingURL=app-sidebar.mjs.map
+//# sourceMappingURL=app-sidebar.mjs.map

package/dist/common/display/sidebar/app-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/display/sidebar/app-sidebar.tsx"],"names":[],"mappings":"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","file":"app-sidebar.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { NavSectionType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarTrigger,\n  useSidebar,\n} from '@repo/ui/components/sidebar';\nimport { NavMain } from './nav-main';\nimport { NavItemClassNames, SidebarClassNames } from './types';\n\ntype AppSidebar = {\n  navSections: NavSectionType[]; // Changed from navItems to navSections\n  LinkComponent?: React.ComponentType<any>;\n  sidebarHeader: React.ReactNode;\n  sidebarHeaderAsMenuItem?: boolean; // If true, wraps sidebarHeader in SidebarMenu structure\n  sidebarHeaderLink?: string; // Optional link for header when used as menu item\n  sidebarFooter?: React.ReactNode; // Footer content (parent decides what to show)\n  sidebarContent?: React.ReactNode; // Additional content before navigation (e.g., userInfo on mobile)\n  hasSideRail?: boolean; // Controls SidebarRail visibility for drag-to-resize functionality (default: false)\n  // Grouped style customization props\n  classNames?: SidebarClassNames;\n  navClassNames?: NavItemClassNames;\n  mobileSheetClassName?: string;\n  showHeader?: boolean; // Control header visibility\n  showFooter?: boolean; // Control footer visibility\n  /**\n   * Control gap behavior when sidebar is collapsed\n   * - true: Use smaller gap (gap-2) when collapsed\n   * - false: Keep consistent gap (gap-6)\n   */\n  compactWhenCollapsed?: boolean;\n} & React.ComponentProps<typeof Sidebar>;\n\nexport function AppSidebar({\n  navSections,\n  sidebarHeader,\n  sidebarHeaderAsMenuItem = true,\n  sidebarHeaderLink = '/',\n  sidebarFooter,\n  sidebarContent,\n  hasSideRail = false,\n  LinkComponent,\n  classNames,\n  navClassNames,\n  className,\n  mobileSheetClassName,\n  showHeader = true,\n  showFooter = true,\n  compactWhenCollapsed = true,\n  ...props\n}: AppSidebar) {\n  const { isMobile, openMobile, state, isHovered, open } = useSidebar();\n  // On mobile: use openMobile state\n  // On desktop: show expanded when open OR when collapsed but hovered\n  const isExpanded = isMobile ? openMobile : open || (state === 'collapsed' && isHovered);\n\n  const Link =\n    LinkComponent ||\n    (({ href, children, ...linkProps }) => (\n      <a href={href} {...linkProps}>\n        {children}\n      </a>\n    ));\n\n  return (\n    <Sidebar\n      collapsible=\"icon\"\n      className={cn('z-40', className)}\n      mobileSheetClassName={classNames?.mobileRoot}\n      {...props}\n    >\n      {showHeader && (\n        <SidebarHeader className={cn('relative', classNames?.header)}>\n          {sidebarHeaderAsMenuItem ? (\n            <SidebarMenu>\n              <Link href={sidebarHeaderLink} className=\"cursor-pointer\">\n                <SidebarMenuItem>\n                  <SidebarMenuButton\n                    size=\"lg\"\n                    className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n                  >\n                    {sidebarHeader}\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </Link>\n            </SidebarMenu>\n          ) : (\n            <>{sidebarHeader}</>\n          )}\n          <SidebarTrigger\n            className={cn(\n              'absolute right-[-16px] top-4 z-30 hidden h-8 w-8 rounded-full lg:flex',\n              classNames?.trigger,\n            )}\n          />\n        </SidebarHeader>\n      )}\n      {/* ...existing code... */}\n      <SidebarContent\n        className={cn(\n          'gap-6',\n          classNames?.content,\n          !showHeader && 'pt-6', // Add padding-top when header is hidden\n        )}\n      >\n        {/* Additional content before navigation (e.g., userInfo on mobile) */}\n        {sidebarContent}\n\n        {/* Navigation Sections */}\n        {navSections.map((section, index) => (\n          <React.Fragment key={section.label || index}>\n            <NavMain\n              label={section.label}\n              items={section.items}\n              LinkComponent={LinkComponent}\n              labelClassName={navClassNames?.label}\n              itemClassName={navClassNames?.item}\n              itemActiveClassName={navClassNames?.itemActive}\n              itemHoverClassName={navClassNames?.itemHover}\n              subItemClassName={navClassNames?.subItem}\n              subItemActiveClassName={navClassNames?.subItemActive}\n              subItemHoverClassName={navClassNames?.subItemHover}\n            />\n          </React.Fragment>\n        ))}\n      </SidebarContent>\n      {showFooter && sidebarFooter && (\n        <SidebarFooter className={classNames?.footer}>{sidebarFooter}</SidebarFooter>\n      )}\n      {hasSideRail && <SidebarRail />}\n    </Sidebar>\n  );\n}\n"]}

package/dist/common/display/sidebar/index.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var sidebar = require('@/components/sidebar');
+var utils = require('@/lib/utils');
+var appSidebar = require('./app-sidebar');
+var sidebarSheet = require('./sidebar-sheet');
+
+const SidebarContent = ({ header, children, headerClass, mainClass }) => {
+  const headerContent = typeof header === "function" ? header() : header;
+  return /* @__PURE__ */ jsxRuntime.jsxs(sidebar.SidebarInset, { className: "flex min-h-svh min-w-0 flex-1 flex-col", "data-sidebar": "inset", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "header",
+      {
+        className: utils.cn(
+          "bg-background fixed left-0 right-0 top-0 z-30 flex h-16 shrink-0 items-center justify-between gap-2 border-b px-4",
+          headerClass
+        ),
+        children: headerContent
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: utils.cn("flex-1 pt-16", mainClass), children })
+  ] });
+};
+const SidebarLayout = ({
+  navSections,
+  sidebarHeader,
+  sidebarHeaderAsMenuItem = false,
+  sidebarHeaderLink = "/",
+  sidebarFooter,
+  sidebarContent,
+  userInfo,
+  userInfoPlacement = "content",
+  hasSideRail,
+  header,
+  children,
+  LinkComponent,
+  headerClass,
+  mainClass,
+  sidebarClassNames,
+  navClassNames,
+  showHeader = true,
+  showFooter = true,
+  compactWhenCollapsed = true
+}) => {
+  const showUserInfoInContent = userInfoPlacement === "content" || userInfoPlacement === "both";
+  const showUserInfoInFooter = userInfoPlacement === "footer" || userInfoPlacement === "both";
+  const composedSidebarContent = showUserInfoInContent && userInfo ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: userInfo }) : sidebarContent;
+  const composedSidebarFooter = showUserInfoInFooter && userInfo ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: userInfo }) : sidebarFooter;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      appSidebar.AppSidebar,
+      {
+        navSections,
+        sidebarHeader,
+        sidebarHeaderAsMenuItem,
+        sidebarHeaderLink,
+        sidebarFooter: composedSidebarFooter,
+        sidebarContent: composedSidebarContent,
+        LinkComponent,
+        showHeader,
+        showFooter,
+        compactWhenCollapsed,
+        className: sidebarClassNames?.root,
+        classNames: {
+          header: sidebarClassNames?.header,
+          content: sidebarClassNames?.content,
+          footer: sidebarClassNames?.footer,
+          trigger: sidebarClassNames?.trigger,
+          mobileRoot: sidebarClassNames?.mobileRoot
+        },
+        hasSideRail,
+        navClassNames
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { header, headerClass, mainClass, children })
+  ] });
+};
+var sidebar_default = SidebarLayout;
+
+Object.defineProperty(exports, "SidebarSheet", {
+  enumerable: true,
+  get: function () { return sidebarSheet.SidebarSheet; }
+});
+exports.default = sidebar_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/common/display/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/display/sidebar/index.tsx"],"names":["jsxs","SidebarInset","jsx","cn","Fragment","AppSidebar"],"mappings":";;;;;;;;;;AA+BA,MAAM,iBAKD,CAAC,EAAE,QAAQ,QAAA,EAAU,WAAA,EAAa,WAAU,KAAM;AAErD,EAAA,MAAM,aAAA,GAAgB,OAAO,MAAA,KAAW,UAAA,GAAa,QAAO,GAAI,MAAA;AAEhE,EAAA,uBACEA,eAAA,CAACC,oBAAA,EAAA,EAAa,SAAA,EAAU,wCAAA,EAAyC,gBAAa,OAAA,EAC5E,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,QAAA;AAAA,UACT,mHAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,mCACC,MAAA,EAAA,EAAK,SAAA,EAAWA,SAAG,cAAA,EAAgB,SAAS,GAAI,QAAA,EAAS;AAAA,GAAA,EAC5D,CAAA;AAEJ,CAAA;AAEA,MAAM,gBAA+D,CAAC;AAAA,EACpE,WAAA;AAAA,EACA,aAAA;AAAA,EACA,uBAAA,GAA0B,KAAA;AAAA,EAC1B,iBAAA,GAAoB,GAAA;AAAA,EACpB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA,GAAoB,SAAA;AAAA,EACpB,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,UAAA,GAAa,IAAA;AAAA,EACb,oBAAA,GAAuB;AACzB,CAAA,KAAM;AAEJ,EAAA,MAAM,qBAAA,GAAwB,iBAAA,KAAsB,SAAA,IAAa,iBAAA,KAAsB,MAAA;AACvF,EAAA,MAAM,oBAAA,GAAuB,iBAAA,KAAsB,QAAA,IAAY,iBAAA,KAAsB,MAAA;AAErF,EAAA,MAAM,sBAAA,GACJ,qBAAA,IAAyB,QAAA,mBAAWD,cAAA,CAAAE,mBAAA,EAAA,EAAG,oBAAS,CAAA,GAAM,cAAA;AACxD,EAAA,MAAM,qBAAA,GAAwB,oBAAA,IAAwB,QAAA,mBAAWF,cAAA,CAAAE,mBAAA,EAAA,EAAG,oBAAS,CAAA,GAAM,aAAA;AAEnF,EAAA,uBACEJ,eAAA,CAAAI,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAF,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,aAAA;AAAA,QACA,uBAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA,EAAe,qBAAA;AAAA,QACf,cAAA,EAAgB,sBAAA;AAAA,QAChB,aAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,oBAAA;AAAA,QACA,WAAW,iBAAA,EAAmB,IAAA;AAAA,QAC9B,UAAA,EAAY;AAAA,UACV,QAAQ,iBAAA,EAAmB,MAAA;AAAA,UAC3B,SAAS,iBAAA,EAAmB,OAAA;AAAA,UAC5B,QAAQ,iBAAA,EAAmB,MAAA;AAAA,UAC3B,SAAS,iBAAA,EAAmB,OAAA;AAAA,UAC5B,YAAY,iBAAA,EAAmB;AAAA,SACjC;AAAA,QACA,WAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,oBACAH,cAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAgB,WAAA,EAA0B,WACvD,QAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,eAAA,GAAQ","file":"index.js","sourcesContent":["'use client';\nimport { SidebarInset } from '@/components/sidebar';\nimport { NavSectionType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport * as React from 'react';\nimport { AppSidebar } from './app-sidebar';\nimport { NavItemClassNames, SidebarClassNames } from './types';\n\ninterface ISidebarWrapperProps {\n  navSections: NavSectionType[]; // Changed from navItems to navSections\n  sidebarHeader: React.ReactNode;\n  sidebarHeaderAsMenuItem?: boolean; // If true, wraps sidebarHeader in SidebarMenu structure\n  sidebarHeaderLink?: string; // Optional link for header when used as menu item\n  header?: React.ReactNode | (() => React.ReactNode); // Can be ReactNode or function that returns ReactNode\n  children: React.ReactNode;\n  LinkComponent?: React.ComponentType<any>;\n  sidebarFooter?: React.ReactNode; // Footer content (can be overridden by userInfo)\n  sidebarContent?: React.ReactNode; // Content before navigation (can be overridden by userInfo)\n  userInfo?: React.ReactNode; // User info section (will be placed based on userInfoPlacement)\n  userInfoPlacement?: 'content' | 'footer' | 'both' | 'none'; // Control where userInfo is displayed\n  hasSideRail?: boolean; // Controls SidebarRail visibility for drag-to-resize functionality\n  headerClass?: string;\n  mainClass?: string;\n  // Grouped style customization props\n  sidebarClassNames?: SidebarClassNames;\n  navClassNames?: NavItemClassNames;\n  showHeader?: boolean;\n  showFooter?: boolean;\n  compactWhenCollapsed?: boolean;\n}\n\nconst SidebarContent: React.FunctionComponent<{\n  header: React.ReactNode | (() => React.ReactNode);\n  children: React.ReactNode;\n  headerClass?: string;\n  mainClass?: string;\n}> = ({ header, children, headerClass, mainClass }) => {\n  // Render header - if it's a function, call it inside the component so it has access to context\n  const headerContent = typeof header === 'function' ? header() : header;\n\n  return (\n    <SidebarInset className=\"flex min-h-svh min-w-0 flex-1 flex-col\" data-sidebar=\"inset\">\n      <header\n        className={cn(\n          'bg-background fixed left-0 right-0 top-0 z-30 flex h-16 shrink-0 items-center justify-between gap-2 border-b px-4',\n          headerClass,\n        )}\n      >\n        {headerContent}\n      </header>\n      <main className={cn('flex-1 pt-16', mainClass)}>{children}</main>\n    </SidebarInset>\n  );\n};\n\nconst SidebarLayout: React.FunctionComponent<ISidebarWrapperProps> = ({\n  navSections,\n  sidebarHeader,\n  sidebarHeaderAsMenuItem = false,\n  sidebarHeaderLink = '/',\n  sidebarFooter,\n  sidebarContent,\n  userInfo,\n  userInfoPlacement = 'content',\n  hasSideRail,\n  header,\n  children,\n  LinkComponent,\n  headerClass,\n  mainClass,\n  sidebarClassNames,\n  navClassNames,\n  showHeader = true,\n  showFooter = true,\n  compactWhenCollapsed = true,\n}) => {\n  // Compose sidebar content and footer based on userInfoPlacement\n  const showUserInfoInContent = userInfoPlacement === 'content' || userInfoPlacement === 'both';\n  const showUserInfoInFooter = userInfoPlacement === 'footer' || userInfoPlacement === 'both';\n\n  const composedSidebarContent =\n    showUserInfoInContent && userInfo ? <>{userInfo}</> : sidebarContent;\n  const composedSidebarFooter = showUserInfoInFooter && userInfo ? <>{userInfo}</> : sidebarFooter;\n\n  return (\n    <>\n      <AppSidebar\n        navSections={navSections}\n        sidebarHeader={sidebarHeader}\n        sidebarHeaderAsMenuItem={sidebarHeaderAsMenuItem}\n        sidebarHeaderLink={sidebarHeaderLink}\n        sidebarFooter={composedSidebarFooter}\n        sidebarContent={composedSidebarContent}\n        LinkComponent={LinkComponent}\n        showHeader={showHeader}\n        showFooter={showFooter}\n        compactWhenCollapsed={compactWhenCollapsed}\n        className={sidebarClassNames?.root}\n        classNames={{\n          header: sidebarClassNames?.header,\n          content: sidebarClassNames?.content,\n          footer: sidebarClassNames?.footer,\n          trigger: sidebarClassNames?.trigger,\n          mobileRoot: sidebarClassNames?.mobileRoot,\n        }}\n        hasSideRail={hasSideRail}\n        navClassNames={navClassNames}\n      />\n      <SidebarContent header={header} headerClass={headerClass} mainClass={mainClass}>\n        {children}\n      </SidebarContent>\n    </>\n  );\n};\n\nexport default SidebarLayout;\nexport { SidebarSheet } from './sidebar-sheet';\nexport type { SidebarSheetProps } from './sidebar-sheet';\nexport type { NavItemClassNames, SidebarClassNames };\n"]}

package/dist/common/display/sidebar/index.mjs

@@ -0,0 +1,81 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { SidebarInset } from '@/components/sidebar';
+import { cn } from '@/lib/utils';
+import { AppSidebar } from './app-sidebar';
+export { SidebarSheet } from './sidebar-sheet';
+
+const SidebarContent = ({ header, children, headerClass, mainClass }) => {
+  const headerContent = typeof header === "function" ? header() : header;
+  return /* @__PURE__ */ jsxs(SidebarInset, { className: "flex min-h-svh min-w-0 flex-1 flex-col", "data-sidebar": "inset", children: [
+    /* @__PURE__ */ jsx(
+      "header",
+      {
+        className: cn(
+          "bg-background fixed left-0 right-0 top-0 z-30 flex h-16 shrink-0 items-center justify-between gap-2 border-b px-4",
+          headerClass
+        ),
+        children: headerContent
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: cn("flex-1 pt-16", mainClass), children })
+  ] });
+};
+const SidebarLayout = ({
+  navSections,
+  sidebarHeader,
+  sidebarHeaderAsMenuItem = false,
+  sidebarHeaderLink = "/",
+  sidebarFooter,
+  sidebarContent,
+  userInfo,
+  userInfoPlacement = "content",
+  hasSideRail,
+  header,
+  children,
+  LinkComponent,
+  headerClass,
+  mainClass,
+  sidebarClassNames,
+  navClassNames,
+  showHeader = true,
+  showFooter = true,
+  compactWhenCollapsed = true
+}) => {
+  const showUserInfoInContent = userInfoPlacement === "content" || userInfoPlacement === "both";
+  const showUserInfoInFooter = userInfoPlacement === "footer" || userInfoPlacement === "both";
+  const composedSidebarContent = showUserInfoInContent && userInfo ? /* @__PURE__ */ jsx(Fragment, { children: userInfo }) : sidebarContent;
+  const composedSidebarFooter = showUserInfoInFooter && userInfo ? /* @__PURE__ */ jsx(Fragment, { children: userInfo }) : sidebarFooter;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      AppSidebar,
+      {
+        navSections,
+        sidebarHeader,
+        sidebarHeaderAsMenuItem,
+        sidebarHeaderLink,
+        sidebarFooter: composedSidebarFooter,
+        sidebarContent: composedSidebarContent,
+        LinkComponent,
+        showHeader,
+        showFooter,
+        compactWhenCollapsed,
+        className: sidebarClassNames?.root,
+        classNames: {
+          header: sidebarClassNames?.header,
+          content: sidebarClassNames?.content,
+          footer: sidebarClassNames?.footer,
+          trigger: sidebarClassNames?.trigger,
+          mobileRoot: sidebarClassNames?.mobileRoot
+        },
+        hasSideRail,
+        navClassNames
+      }
+    ),
+    /* @__PURE__ */ jsx(SidebarContent, { header, headerClass, mainClass, children })
+  ] });
+};
+var sidebar_default = SidebarLayout;
+
+export { sidebar_default as default };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/common/display/sidebar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/display/sidebar/index.tsx"],"names":[],"mappings":";;;;;;AA+BA,MAAM,iBAKD,CAAC,EAAE,QAAQ,QAAA,EAAU,WAAA,EAAa,WAAU,KAAM;AAErD,EAAA,MAAM,aAAA,GAAgB,OAAO,MAAA,KAAW,UAAA,GAAa,QAAO,GAAI,MAAA;AAEhE,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,wCAAA,EAAyC,gBAAa,OAAA,EAC5E,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,mHAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,wBACC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,cAAA,EAAgB,SAAS,GAAI,QAAA,EAAS;AAAA,GAAA,EAC5D,CAAA;AAEJ,CAAA;AAEA,MAAM,gBAA+D,CAAC;AAAA,EACpE,WAAA;AAAA,EACA,aAAA;AAAA,EACA,uBAAA,GAA0B,KAAA;AAAA,EAC1B,iBAAA,GAAoB,GAAA;AAAA,EACpB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA,GAAoB,SAAA;AAAA,EACpB,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,UAAA,GAAa,IAAA;AAAA,EACb,oBAAA,GAAuB;AACzB,CAAA,KAAM;AAEJ,EAAA,MAAM,qBAAA,GAAwB,iBAAA,KAAsB,SAAA,IAAa,iBAAA,KAAsB,MAAA;AACvF,EAAA,MAAM,oBAAA,GAAuB,iBAAA,KAAsB,QAAA,IAAY,iBAAA,KAAsB,MAAA;AAErF,EAAA,MAAM,sBAAA,GACJ,qBAAA,IAAyB,QAAA,mBAAW,GAAA,CAAA,QAAA,EAAA,EAAG,oBAAS,CAAA,GAAM,cAAA;AACxD,EAAA,MAAM,qBAAA,GAAwB,oBAAA,IAAwB,QAAA,mBAAW,GAAA,CAAA,QAAA,EAAA,EAAG,oBAAS,CAAA,GAAM,aAAA;AAEnF,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA,aAAA;AAAA,QACA,uBAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA,EAAe,qBAAA;AAAA,QACf,cAAA,EAAgB,sBAAA;AAAA,QAChB,aAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA,oBAAA;AAAA,QACA,WAAW,iBAAA,EAAmB,IAAA;AAAA,QAC9B,UAAA,EAAY;AAAA,UACV,QAAQ,iBAAA,EAAmB,MAAA;AAAA,UAC3B,SAAS,iBAAA,EAAmB,OAAA;AAAA,UAC5B,QAAQ,iBAAA,EAAmB,MAAA;AAAA,UAC3B,SAAS,iBAAA,EAAmB,OAAA;AAAA,UAC5B,YAAY,iBAAA,EAAmB;AAAA,SACjC;AAAA,QACA,WAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,MAAA,EAAgB,WAAA,EAA0B,WACvD,QAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,eAAA,GAAQ","file":"index.mjs","sourcesContent":["'use client';\nimport { SidebarInset } from '@/components/sidebar';\nimport { NavSectionType } from '@/lib/types';\nimport { cn } from '@/lib/utils';\nimport * as React from 'react';\nimport { AppSidebar } from './app-sidebar';\nimport { NavItemClassNames, SidebarClassNames } from './types';\n\ninterface ISidebarWrapperProps {\n  navSections: NavSectionType[]; // Changed from navItems to navSections\n  sidebarHeader: React.ReactNode;\n  sidebarHeaderAsMenuItem?: boolean; // If true, wraps sidebarHeader in SidebarMenu structure\n  sidebarHeaderLink?: string; // Optional link for header when used as menu item\n  header?: React.ReactNode | (() => React.ReactNode); // Can be ReactNode or function that returns ReactNode\n  children: React.ReactNode;\n  LinkComponent?: React.ComponentType<any>;\n  sidebarFooter?: React.ReactNode; // Footer content (can be overridden by userInfo)\n  sidebarContent?: React.ReactNode; // Content before navigation (can be overridden by userInfo)\n  userInfo?: React.ReactNode; // User info section (will be placed based on userInfoPlacement)\n  userInfoPlacement?: 'content' | 'footer' | 'both' | 'none'; // Control where userInfo is displayed\n  hasSideRail?: boolean; // Controls SidebarRail visibility for drag-to-resize functionality\n  headerClass?: string;\n  mainClass?: string;\n  // Grouped style customization props\n  sidebarClassNames?: SidebarClassNames;\n  navClassNames?: NavItemClassNames;\n  showHeader?: boolean;\n  showFooter?: boolean;\n  compactWhenCollapsed?: boolean;\n}\n\nconst SidebarContent: React.FunctionComponent<{\n  header: React.ReactNode | (() => React.ReactNode);\n  children: React.ReactNode;\n  headerClass?: string;\n  mainClass?: string;\n}> = ({ header, children, headerClass, mainClass }) => {\n  // Render header - if it's a function, call it inside the component so it has access to context\n  const headerContent = typeof header === 'function' ? header() : header;\n\n  return (\n    <SidebarInset className=\"flex min-h-svh min-w-0 flex-1 flex-col\" data-sidebar=\"inset\">\n      <header\n        className={cn(\n          'bg-background fixed left-0 right-0 top-0 z-30 flex h-16 shrink-0 items-center justify-between gap-2 border-b px-4',\n          headerClass,\n        )}\n      >\n        {headerContent}\n      </header>\n      <main className={cn('flex-1 pt-16', mainClass)}>{children}</main>\n    </SidebarInset>\n  );\n};\n\nconst SidebarLayout: React.FunctionComponent<ISidebarWrapperProps> = ({\n  navSections,\n  sidebarHeader,\n  sidebarHeaderAsMenuItem = false,\n  sidebarHeaderLink = '/',\n  sidebarFooter,\n  sidebarContent,\n  userInfo,\n  userInfoPlacement = 'content',\n  hasSideRail,\n  header,\n  children,\n  LinkComponent,\n  headerClass,\n  mainClass,\n  sidebarClassNames,\n  navClassNames,\n  showHeader = true,\n  showFooter = true,\n  compactWhenCollapsed = true,\n}) => {\n  // Compose sidebar content and footer based on userInfoPlacement\n  const showUserInfoInContent = userInfoPlacement === 'content' || userInfoPlacement === 'both';\n  const showUserInfoInFooter = userInfoPlacement === 'footer' || userInfoPlacement === 'both';\n\n  const composedSidebarContent =\n    showUserInfoInContent && userInfo ? <>{userInfo}</> : sidebarContent;\n  const composedSidebarFooter = showUserInfoInFooter && userInfo ? <>{userInfo}</> : sidebarFooter;\n\n  return (\n    <>\n      <AppSidebar\n        navSections={navSections}\n        sidebarHeader={sidebarHeader}\n        sidebarHeaderAsMenuItem={sidebarHeaderAsMenuItem}\n        sidebarHeaderLink={sidebarHeaderLink}\n        sidebarFooter={composedSidebarFooter}\n        sidebarContent={composedSidebarContent}\n        LinkComponent={LinkComponent}\n        showHeader={showHeader}\n        showFooter={showFooter}\n        compactWhenCollapsed={compactWhenCollapsed}\n        className={sidebarClassNames?.root}\n        classNames={{\n          header: sidebarClassNames?.header,\n          content: sidebarClassNames?.content,\n          footer: sidebarClassNames?.footer,\n          trigger: sidebarClassNames?.trigger,\n          mobileRoot: sidebarClassNames?.mobileRoot,\n        }}\n        hasSideRail={hasSideRail}\n        navClassNames={navClassNames}\n      />\n      <SidebarContent header={header} headerClass={headerClass} mainClass={mainClass}>\n        {children}\n      </SidebarContent>\n    </>\n  );\n};\n\nexport default SidebarLayout;\nexport { SidebarSheet } from './sidebar-sheet';\nexport type { SidebarSheetProps } from './sidebar-sheet';\nexport type { NavItemClassNames, SidebarClassNames };\n"]}