shad-m 1.0.0 → 1.0.2

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

@@ -1 +0,0 @@
-{"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

@@ -1,92 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,89 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,81 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}