"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=[{name:"Dashboard",icon:e.jsx(a.LayoutDashboard,{className:"h-4 w-4"}),path:"/dashboard",isActive:!0},{name:"Projects",icon:e.jsx(a.FolderKanban,{className:"h-4 w-4"}),path:"/projects",dropdownItems:[{name:"Active",icon:e.jsx(a.Play,{className:"h-4 w-4"}),path:"/projects/active"},{name:"Archived",icon:e.jsx(a.Archive,{className:"h-4 w-4"}),path:"/projects/archived"}]},{name:"Analytics",icon:e.jsx(a.BarChart2,{className:"h-4 w-4"}),path:"/analytics"},{name:"Team",icon:e.jsx(a.Users,{className:"h-4 w-4"}),path:"/team"},{name:"Settings",icon:e.jsx(a.Settings,{className:"h-4 w-4"}),path:"/settings"}],t=()=>e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"MacOSSonomaLayoutSidebar",description:"Full-app navigation sidebar for Sonoma layouts. Supports nested items with expandable groups, logo slot, route-aware active highlighting, and backdrop blur vibrancy.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50",children:e.jsx(a.PanelLeftClose,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Interactive Preview",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-80 rounded-xl overflow-hidden border border-(--color-semantic-line-primary-subtle) shadow-(--shadow-card)",children:[e.jsx(s.MacOSSonomaLayoutSidebar,{menuItems:o}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-(--color-semantic-bg) text-sm text-gray-400",children:"Main content area"})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { MacOSSonomaLayoutSidebar } from '@e-burgos/tucu-ui';

const menuItems = [
  { name: 'Dashboard', icon: <DashboardIcon />, path: '/dashboard' },
  {
    name: 'Projects',
    icon: <FolderIcon />,
    path: '/projects',
    dropdownItems: [
      { name: 'Active', icon: <PlayIcon />, path: '/projects/active' },
      { name: 'Archived', icon: <ArchiveIcon />, path: '/projects/archived' },
    ],
  },
  { name: 'Settings', icon: <SettingsIcon />, path: '/settings' },
];

function App() {
  return (
    <div className="flex h-screen">
      <MacOSSonomaLayoutSidebar
        menuItems={menuItems}
        logo={{ logoDark: '/logo.svg', logoLight: '/logo.svg' }}
      />
      <main className="flex-1">Content</main>
    </div>
  );
}`})})})})]});exports.SonomaLayoutSidebarSection=t;exports.default=t;
