@e-burgos/tucu-ui 2.0.10 → 2.0.11

package/documentation/{SonomaLayoutSidebarSection-5eYi4AN9.js → SonomaLayoutSidebarSection-DFNlJTT4.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.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' },

package/documentation/{SonomaMaterialsSection-C96PRKqk.js → SonomaMaterialsSection-BuwXPkij.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=[{name:"Sidebar",cssVar:"--macos-material-sidebar",blurVar:"--macos-material-sidebar-blur",blurValue:"20px",lightValue:"rgba(246,246,248,0.82)",darkValue:"rgba(28,28,30,0.85)",desc:"High opacity, strong blur — keeps sidebar content legible over any background",usage:"Sidebar panels, navigation drawers"},{name:"Toolbar",cssVar:"--macos-material-toolbar",blurVar:"--macos-material-toolbar-blur",blurValue:"16px",lightValue:"rgba(255,255,255,0.72)",darkValue:"rgba(40,40,42,0.80)",desc:"Medium opacity with focused blur — toolbar floats above content with visible separation",usage:"App toolbars, top navigation bars"},{name:"Popover",cssVar:"--macos-material-popover",blurVar:"--macos-material-popover-blur",blurValue:"24px",lightValue:"rgba(255,255,255,0.90)",darkValue:"rgba(44,44,46,0.92)",desc:"Near-opaque with deep blur — maximum legibility for transient content",usage:"Popovers, menus, tooltips, dropdown panels"},{name:"Sheet",cssVar:"--macos-material-sheet",blurVar:"--macos-material-sheet-blur",blurValue:"30px",lightValue:"rgba(255,255,255,0.94)",darkValue:"rgba(44,44,46,0.96)",desc:"Highest opacity, maximum blur — modal surfaces that demand full attention",usage:"Modal sheets, dialogs, alert panels"},{name:"Overlay",cssVar:"--macos-material-overlay",blurVar:"",blurValue:"—",lightValue:"rgba(0,0,0,0.40)",darkValue:"rgba(0,0,0,0.60)",desc:"Scrim behind modal surfaces to focus attention on foreground content",usage:"Modal scrim, blocking overlay, dimming layer"}],o=[{name:"UltraThin",opacity:.36,blur:15,lightBg:"rgba(246,246,248,0.36)",darkBg:"rgba(28,28,30,0.36)",desc:"Maximum transparency — background content clearly visible"},{name:"Thin",opacity:.48,blur:15,lightBg:"rgba(246,246,248,0.48)",darkBg:"rgba(28,28,30,0.48)",desc:"High translucency — subtle tinting of background"},{name:"Medium",opacity:.6,blur:15,lightBg:"rgba(246,246,248,0.60)",darkBg:"rgba(28,28,30,0.60)",desc:"Balanced — background muted but perceptible"},{name:"Thick",opacity:.72,blur:15,lightBg:"rgba(246,246,248,0.72)",darkBg:"rgba(40,40,42,0.72)",desc:"Low translucency — subtle depth hint"},{name:"UltraThick",opacity:.84,blur:15,lightBg:"rgba(246,246,248,0.84)",darkBg:"rgba(44,44,46,0.84)",desc:"Near-opaque — maximum legibility, minimal blur"}],d=()=>{const{mode:s}=l.useTheme(),r=s==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Materials",description:"Sonoma vibrancy materials — translucent CSS surfaces defined by --macos-material-* tokens. Each balances blur, opacity, and brightness for its role.",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-white/80 via-gray-200/60 to-gray-400/40 dark:from-gray-700/80 dark:via-gray-800/60 dark:to-gray-900/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-border/50 backdrop-blur-md",children:e.jsx(t.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-gray-700 dark:text-gray-200 filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Named Surface Materials",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:["Pre-defined materials mapped to"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"--macos-material-*"})," ","CSS custom properties. Displayed over a colorful background to demonstrate vibrancy. Showing"," ",e.jsx("strong",{children:r?"dark":"light"})," values."]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:i.map(a=>e.jsx("div",{className:"rounded-2xl overflow-hidden",style:{background:r?"linear-gradient(135deg,#0d1b2a 0%,#1b2838 50%,#0a1628 100%)":"linear-gradient(135deg,#a8edea 0%,#fed6e3 50%,#d299c2 100%)"},children:e.jsxs("div",{className:"m-3 rounded-xl p-4 border border-border",style:{backgroundColor:`var(${a.cssVar}, ${r?a.darkValue:a.lightValue})`,backdropFilter:a.blurValue!=="—"?`blur(${a.blurValue})`:void 0,WebkitBackdropFilter:a.blurValue!=="—"?`blur(${a.blurValue})`:void 0},children:[e.jsx("div",{className:"flex items-start justify-between gap-2",children:e.jsxs("div",{children:[e.jsx("p",{className:`font-semibold text-sm ${r?"text-gray-100":"text-gray-900"}`,children:a.name}),e.jsx("p",{className:`text-xs mt-1 ${r?"text-gray-300":"text-gray-600"}`,children:a.desc}),e.jsxs("p",{className:`text-[10px] mt-1.5 ${r?"text-gray-400":"text-gray-500"}`,children:["Usage: ",a.usage]})]})}),e.jsxs("div",{className:"mt-3 pt-3 border-t border-border space-y-0.5",children:[e.jsx("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:a.cssVar}),e.jsx("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:r?a.darkValue:a.lightValue}),a.blurValue!=="—"&&e.jsxs("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:["backdrop-filter: blur(",a.blurValue,")"]})]})]})},a.name))})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Vibrancy Opacity Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:["Five translucency levels from ",e.jsx("strong",{children:"UltraThin"})," (most transparent) to ",e.jsx("strong",{children:"UltraThick"})," (near-opaque). All use a consistent 15px backdrop blur. Displayed over a colorful gradient."]}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden p-6",style:{background:r?"linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%)":"linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%)",minHeight:380},children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-50",children:r?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-6 left-8 w-20 h-20 rounded-full bg-purple-600"}),e.jsx("div",{className:"absolute top-16 right-12 w-28 h-28 rounded-full bg-indigo-500"}),e.jsx("div",{className:"absolute bottom-6 left-1/3 w-16 h-16 rounded-full bg-blue-600"}),e.jsx("div",{className:"absolute bottom-10 right-8 w-24 h-24 rounded-full bg-violet-700"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-4 left-4 w-24 h-24 rounded-full bg-yellow-300"}),e.jsx("div",{className:"absolute top-20 right-10 w-32 h-32 rounded-full bg-pink-400"}),e.jsx("div",{className:"absolute bottom-8 left-1/4 w-20 h-20 rounded-full bg-green-400"}),e.jsx("div",{className:"absolute bottom-4 right-8 w-28 h-28 rounded-full bg-blue-300"})]})}),e.jsx("div",{className:"relative flex flex-col gap-3",children:o.map(a=>e.jsx("div",{className:"rounded-xl p-3.5 border border-white/20",style:{backgroundColor:r?a.darkBg:a.lightBg,backdropFilter:`blur(${a.blur}px)`,WebkitBackdropFilter:`blur(${a.blur}px)`},children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:`text-sm font-semibold ${r?"text-gray-100":"text-gray-800"}`,children:a.name}),e.jsx("p",{className:`text-[10px] mt-0.5 ${r?"text-gray-300":"text-gray-600"}`,children:a.desc})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("span",{className:`text-[10px] font-mono ${r?"text-gray-300":"text-gray-700"}`,children:["opacity ",Math.round(a.opacity*100),"%"]}),e.jsx("br",{}),e.jsxs("span",{className:`text-[10px] font-mono ${r?"text-gray-300":"text-gray-700"}`,children:["blur ",a.blur,"px"]})]})]})},a.name))})]})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Using Materials in Code",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Apply named material tokens directly via CSS custom properties. The tokens automatically resolve the correct value for the current appearance (light/dark) when"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"})," is active."]}),e.jsx("pre",{className:"rounded-xl p-4 text-xs font-mono overflow-x-auto text-gray-300",style:{backgroundColor:r?"#1c1c1e":"#1d1d1f"},children:`.my-surface {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=[{name:"Sidebar",cssVar:"--macos-material-sidebar",blurVar:"--macos-material-sidebar-blur",blurValue:"20px",lightValue:"rgba(246,246,248,0.82)",darkValue:"rgba(28,28,30,0.85)",desc:"High opacity, strong blur — keeps sidebar content legible over any background",usage:"Sidebar panels, navigation drawers"},{name:"Toolbar",cssVar:"--macos-material-toolbar",blurVar:"--macos-material-toolbar-blur",blurValue:"16px",lightValue:"rgba(255,255,255,0.72)",darkValue:"rgba(40,40,42,0.80)",desc:"Medium opacity with focused blur — toolbar floats above content with visible separation",usage:"App toolbars, top navigation bars"},{name:"Popover",cssVar:"--macos-material-popover",blurVar:"--macos-material-popover-blur",blurValue:"24px",lightValue:"rgba(255,255,255,0.90)",darkValue:"rgba(44,44,46,0.92)",desc:"Near-opaque with deep blur — maximum legibility for transient content",usage:"Popovers, menus, tooltips, dropdown panels"},{name:"Sheet",cssVar:"--macos-material-sheet",blurVar:"--macos-material-sheet-blur",blurValue:"30px",lightValue:"rgba(255,255,255,0.94)",darkValue:"rgba(44,44,46,0.96)",desc:"Highest opacity, maximum blur — modal surfaces that demand full attention",usage:"Modal sheets, dialogs, alert panels"},{name:"Overlay",cssVar:"--macos-material-overlay",blurVar:"",blurValue:"—",lightValue:"rgba(0,0,0,0.40)",darkValue:"rgba(0,0,0,0.60)",desc:"Scrim behind modal surfaces to focus attention on foreground content",usage:"Modal scrim, blocking overlay, dimming layer"}],o=[{name:"UltraThin",opacity:.36,blur:15,lightBg:"rgba(246,246,248,0.36)",darkBg:"rgba(28,28,30,0.36)",desc:"Maximum transparency — background content clearly visible"},{name:"Thin",opacity:.48,blur:15,lightBg:"rgba(246,246,248,0.48)",darkBg:"rgba(28,28,30,0.48)",desc:"High translucency — subtle tinting of background"},{name:"Medium",opacity:.6,blur:15,lightBg:"rgba(246,246,248,0.60)",darkBg:"rgba(28,28,30,0.60)",desc:"Balanced — background muted but perceptible"},{name:"Thick",opacity:.72,blur:15,lightBg:"rgba(246,246,248,0.72)",darkBg:"rgba(40,40,42,0.72)",desc:"Low translucency — subtle depth hint"},{name:"UltraThick",opacity:.84,blur:15,lightBg:"rgba(246,246,248,0.84)",darkBg:"rgba(44,44,46,0.84)",desc:"Near-opaque — maximum legibility, minimal blur"}],d=()=>{const{mode:s}=l.useTheme(),r=s==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Materials",description:"Sonoma vibrancy materials — translucent CSS surfaces defined by --macos-material-* tokens. Each balances blur, opacity, and brightness for its role.",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-white/80 via-gray-200/60 to-gray-400/40 dark:from-gray-700/80 dark:via-gray-800/60 dark:to-gray-900/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-border/50 backdrop-blur-md",children:e.jsx(t.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-gray-700 dark:text-gray-200 filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Named Surface Materials",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:["Pre-defined materials mapped to"," ",e.jsx("code",{className:"font-mono text-xs bg-gray-100 dark:bg-gray-800 px-1 rounded",children:"--macos-material-*"})," ","CSS custom properties. Displayed over a colorful background to demonstrate vibrancy. Showing"," ",e.jsx("strong",{children:r?"dark":"light"})," values."]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:i.map(a=>e.jsx("div",{className:"rounded-2xl overflow-hidden",style:{background:r?"linear-gradient(135deg,#0d1b2a 0%,#1b2838 50%,#0a1628 100%)":"linear-gradient(135deg,#a8edea 0%,#fed6e3 50%,#d299c2 100%)"},children:e.jsxs("div",{className:"m-3 rounded-xl p-4 border border-border",style:{backgroundColor:`var(${a.cssVar}, ${r?a.darkValue:a.lightValue})`,backdropFilter:a.blurValue!=="—"?`blur(${a.blurValue})`:void 0,WebkitBackdropFilter:a.blurValue!=="—"?`blur(${a.blurValue})`:void 0},children:[e.jsx("div",{className:"flex items-start justify-between gap-2",children:e.jsxs("div",{children:[e.jsx("p",{className:`font-semibold text-sm ${r?"text-gray-100":"text-gray-900"}`,children:a.name}),e.jsx("p",{className:`text-xs mt-1 ${r?"text-gray-300":"text-gray-600"}`,children:a.desc}),e.jsxs("p",{className:`text-[10px] mt-1.5 ${r?"text-gray-400":"text-gray-500"}`,children:["Usage: ",a.usage]})]})}),e.jsxs("div",{className:"mt-3 pt-3 border-t border-border space-y-0.5",children:[e.jsx("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:a.cssVar}),e.jsx("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:r?a.darkValue:a.lightValue}),a.blurValue!=="—"&&e.jsxs("code",{className:`block text-[9px] font-mono ${r?"text-gray-400":"text-gray-600"}`,children:["backdrop-filter: blur(",a.blurValue,")"]})]})]})},a.name))})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Vibrancy Opacity Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:["Five translucency levels from ",e.jsx("strong",{children:"UltraThin"})," (most transparent) to ",e.jsx("strong",{children:"UltraThick"})," (near-opaque). All use a consistent 15px backdrop blur. Displayed over a colorful gradient."]}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden p-6",style:{background:r?"linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%)":"linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%)",minHeight:380},children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none opacity-50",children:r?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-6 left-8 w-20 h-20 rounded-full bg-purple-600"}),e.jsx("div",{className:"absolute top-16 right-12 w-28 h-28 rounded-full bg-indigo-500"}),e.jsx("div",{className:"absolute bottom-6 left-1/3 w-16 h-16 rounded-full bg-blue-600"}),e.jsx("div",{className:"absolute bottom-10 right-8 w-24 h-24 rounded-full bg-violet-700"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-4 left-4 w-24 h-24 rounded-full bg-yellow-300"}),e.jsx("div",{className:"absolute top-20 right-10 w-32 h-32 rounded-full bg-pink-400"}),e.jsx("div",{className:"absolute bottom-8 left-1/4 w-20 h-20 rounded-full bg-green-400"}),e.jsx("div",{className:"absolute bottom-4 right-8 w-28 h-28 rounded-full bg-blue-300"})]})}),e.jsx("div",{className:"relative flex flex-col gap-3",children:o.map(a=>e.jsx("div",{className:"rounded-xl p-3.5 border border-white/20",style:{backgroundColor:r?a.darkBg:a.lightBg,backdropFilter:`blur(${a.blur}px)`,WebkitBackdropFilter:`blur(${a.blur}px)`},children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:`text-sm font-semibold ${r?"text-gray-100":"text-gray-800"}`,children:a.name}),e.jsx("p",{className:`text-[10px] mt-0.5 ${r?"text-gray-300":"text-gray-600"}`,children:a.desc})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("span",{className:`text-[10px] font-mono ${r?"text-gray-300":"text-gray-700"}`,children:["opacity ",Math.round(a.opacity*100),"%"]}),e.jsx("br",{}),e.jsxs("span",{className:`text-[10px] font-mono ${r?"text-gray-300":"text-gray-700"}`,children:["blur ",a.blur,"px"]})]})]})},a.name))})]})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Using Materials in Code",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Apply named material tokens directly via CSS custom properties. The tokens automatically resolve the correct value for the current appearance (light/dark) when"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"})," is active."]}),e.jsx("pre",{className:"rounded-xl p-4 text-xs font-mono overflow-x-auto text-gray-300",style:{backgroundColor:r?"#1c1c1e":"#1d1d1f"},children:`.my-surface {
   background-color: var(--macos-material-sidebar);
   backdrop-filter: blur(var(--macos-material-sidebar-blur));
   -webkit-backdrop-filter: blur(var(--macos-material-sidebar-blur));

package/documentation/{SonomaMaterialsSection-DGAN4s50.js → SonomaMaterialsSection-D-fB1mIO.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
-import { ay as c, H as n, C as s, a as o, T as i } from "../index-19KsCnyX.js";
+import { ay as c, H as n, C as s, a as o, T as i } from "../index-4GONhZIF.js";
 import { Layers as m } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaShapesSection-BhLTcP3w.js → SonomaShapesSection-29muIlaP.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=[{name:"Pill",cssVar:"--macos-radius-pill",value:"999px",usage:"Tags, badges, chips"},{name:"Sheet",cssVar:"--macos-radius-sheet",value:"24px",usage:"Full-screen sheets, drawers"},{name:"Window",cssVar:"--macos-radius-window",value:"18px",usage:"App windows, main containers"},{name:"Popover",cssVar:"--macos-radius-popover",value:"16px",usage:"Popovers, dropdowns, menus"},{name:"Control",cssVar:"--macos-radius-control",value:"10px",usage:"Buttons, inputs, cards"},{name:"Small Control",cssVar:"--macos-radius-small-control",value:"8px",usage:"Icon buttons, small chips"}],i=[{name:"1",cssVar:"--macos-space-1",value:"4px",px:4,desc:"½ grid — tight inline spacing"},{name:"2",cssVar:"--macos-space-2",value:"8px",px:8,desc:"1 grid — base unit, icon padding"},{name:"3",cssVar:"--macos-space-3",value:"12px",px:12,desc:"1.5× — compact row gaps"},{name:"4",cssVar:"--macos-space-4",value:"16px",px:16,desc:"2× — standard row / column gap"},{name:"5",cssVar:"--macos-space-5",value:"20px",px:20,desc:"2.5× — section padding"},{name:"6",cssVar:"--macos-space-6",value:"24px",px:24,desc:"3× — card padding, section gap"},{name:"8",cssVar:"--macos-space-8",value:"32px",px:32,desc:"4× — content column gap"}],d=[{name:"Window",cssVar:"--macos-shadow-window",value:`0 18px 60px rgba(0,0,0,0.14),
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=[{name:"Pill",cssVar:"--macos-radius-pill",value:"999px",usage:"Tags, badges, chips"},{name:"Sheet",cssVar:"--macos-radius-sheet",value:"24px",usage:"Full-screen sheets, drawers"},{name:"Window",cssVar:"--macos-radius-window",value:"18px",usage:"App windows, main containers"},{name:"Popover",cssVar:"--macos-radius-popover",value:"16px",usage:"Popovers, dropdowns, menus"},{name:"Control",cssVar:"--macos-radius-control",value:"10px",usage:"Buttons, inputs, cards"},{name:"Small Control",cssVar:"--macos-radius-small-control",value:"8px",usage:"Icon buttons, small chips"}],i=[{name:"1",cssVar:"--macos-space-1",value:"4px",px:4,desc:"½ grid — tight inline spacing"},{name:"2",cssVar:"--macos-space-2",value:"8px",px:8,desc:"1 grid — base unit, icon padding"},{name:"3",cssVar:"--macos-space-3",value:"12px",px:12,desc:"1.5× — compact row gaps"},{name:"4",cssVar:"--macos-space-4",value:"16px",px:16,desc:"2× — standard row / column gap"},{name:"5",cssVar:"--macos-space-5",value:"20px",px:20,desc:"2.5× — section padding"},{name:"6",cssVar:"--macos-space-6",value:"24px",px:24,desc:"3× — card padding, section gap"},{name:"8",cssVar:"--macos-space-8",value:"32px",px:32,desc:"4× — content column gap"}],d=[{name:"Window",cssVar:"--macos-shadow-window",value:`0 18px 60px rgba(0,0,0,0.14),
 0 4px 16px rgba(0,0,0,0.08)`,usage:"App windows, floating panels",intensity:4},{name:"Popover",cssVar:"--macos-shadow-popover",value:`0 8px 32px rgba(0,0,0,0.12),
 0 2px 8px rgba(0,0,0,0.06)`,usage:"Menus, popovers, tooltips",intensity:3},{name:"Card",cssVar:"--macos-shadow-card",value:`0 1px 4px rgba(0,0,0,0.04),
 0 4px 16px rgba(0,0,0,0.06)`,usage:"Content cards, widget panels",intensity:2},{name:"Focus Ring",cssVar:"--macos-shadow-focus",value:"0 0 0 3px rgba(0,122,255,0.5)",usage:"Focused interactive controls",intensity:1},{name:"Button Pressed",cssVar:"--macos-shadow-button-pressed",value:"inset 0 1px 2px rgba(0,0,0,0.10)",usage:"Pressed/active button state",intensity:1}],m=[{name:"Title Bar Height",cssVar:"--macos-titlebar-height",value:"28px",desc:"App title bar + traffic lights zone"},{name:"Toolbar Height",cssVar:"--macos-toolbar-height",value:"58px",desc:"Primary app toolbar below title bar"},{name:"Sidebar Width",cssVar:"--macos-sidebar-width",value:"240px",desc:"Default sidebar panel width"},{name:"Inspector Width",cssVar:"--macos-inspector-width",value:"300px",desc:"Trailing inspector / detail panel width"},{name:"Content Padding",cssVar:"--macos-content-padding",value:"20px",desc:"Standard content area insets"},{name:"Grid Base",cssVar:"--macos-grid",value:"8px",desc:"Base 8pt grid unit for all spacing"}],x=[{name:"Fast",cssVar:"--macos-transition-fast",value:"150ms ease-out",usage:"Hover states, color changes, micro-interactions",bar:15},{name:"Normal",cssVar:"--macos-transition-normal",value:"250ms cubic-bezier(0.2, 0, 0, 1)",usage:"Panel slides, focus rings, most animations",bar:25},{name:"Slow",cssVar:"--macos-transition-slow",value:"350ms cubic-bezier(0.2, 0, 0, 1)",usage:"Large panel reveals, sheet presentations",bar:35}],p=()=>{const{mode:t}=a.useTheme(),r=t==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Shapes & Spacing",description:"Sonoma geometric tokens — border radii, spacing grid, shadows, layout dimensions, and motion timing defined via --macos-* CSS custom properties.",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-indigo-400 via-violet-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-indigo-400/50",children:e.jsx(l.Shapes,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Border Radii",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:"Six radius levels from Pill down to Small Control. Each is stored in a CSS custom property and used consistently across all surfaces."}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-4",children:c.map(s=>{const o=s.value==="999px"?40:parseInt(s.value),n=s.value==="999px"?40:o;return e.jsxs("div",{className:"flex flex-col items-center gap-3",children:[e.jsx("div",{className:"w-20 h-20 border-2",style:{borderRadius:`${n}px`,borderColor:r?"rgba(255,255,255,0.2)":"rgba(0,0,0,0.15)",backgroundColor:r?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}),e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"font-semibold text-sm",children:s.name}),e.jsx("code",{className:"text-[10px] font-mono text-gray-400",children:s.cssVar}),e.jsx("p",{className:"text-xs font-mono font-bold",children:s.value}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-0.5",children:s.usage})]})]},s.name)})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"8pt Spacing Grid",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Sonoma uses an 8pt base grid (",e.jsx("code",{className:"text-xs font-mono",children:"--macos-grid: 8px"}),"). All layout spacing snaps to multiples of this unit for visual consistency and perfect pixel alignment."]}),e.jsx("div",{className:"space-y-3",children:i.map(s=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("code",{className:"w-32 shrink-0 text-[10px] font-mono text-gray-400",children:s.cssVar}),e.jsxs("div",{className:"flex items-center gap-2 flex-1",children:[e.jsx("div",{className:"rounded shrink-0",style:{width:`${s.px}px`,height:20,backgroundColor:r?`rgba(10,132,255,${.5+s.px/120})`:`rgba(0,122,255,${.3+s.px/120})`}}),e.jsxs("div",{children:[e.jsx("span",{className:"font-mono font-bold text-xs",children:s.value}),e.jsx("span",{className:"ml-2 text-[10px] text-gray-400",children:s.desc})]})]})]},s.name))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shadow Levels",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-6",children:["Sonoma shadows are subtle and layered — two box-shadows combined for natural depth perception."," ",e.jsx("code",{className:"text-xs font-mono",children:"--macos-shadow-*"})," tokens are referenced by all surface components."]}),e.jsx("div",{className:"space-y-5",children:d.map(s=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-center gap-4",children:[e.jsx("div",{className:"sm:w-32 shrink-0 text-sm font-semibold",children:s.name}),e.jsx("div",{className:"shrink-0",children:e.jsx("div",{className:"w-16 h-12 rounded-xl",style:{boxShadow:`var(${s.cssVar}, ${s.value.replace(/\n/g," ")})`,backgroundColor:r?"#2c2c2e":"#ffffff"}})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("code",{className:"block text-[9px] font-mono text-gray-400 whitespace-pre-line",children:s.cssVar}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-0.5",children:s.usage})]})]},s.name))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Layout Dimensions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Fixed layout constants matching macOS 14 Sonoma's window chrome and structural panel dimensions."}),e.jsxs("div",{className:"relative rounded-2xl overflow-hidden mb-6 border",style:{borderColor:r?"rgba(255,255,255,0.12)":"rgba(0,0,0,0.1)",backgroundColor:r?"#1c1c1e":"#f5f5f7",height:220},children:[e.jsxs("div",{className:"absolute top-0 left-0 right-0 flex items-center px-3 gap-1.5",style:{height:28,backgroundColor:r?"rgba(40,40,42,0.8)":"rgba(255,255,255,0.72)",borderBottom:`1px solid ${r?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)"}`},children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-red-400 opacity-80"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-yellow-400 opacity-80"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-green-400 opacity-80"}),e.jsx("span",{className:"ml-auto text-[9px] text-gray-400",children:"Title Bar · 28px"})]}),e.jsx("div",{className:"absolute left-0 right-0 flex items-center px-4",style:{top:28,height:58,backgroundColor:r?"rgba(44,44,46,0.6)":"rgba(246,246,248,0.6)",borderBottom:`1px solid ${r?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)"}`},children:e.jsx("span",{className:"text-[9px] text-gray-400",children:"Toolbar · 58px"})}),e.jsx("div",{className:"absolute left-0 bottom-0 flex items-end pb-2 pl-2",style:{top:86,width:120,backgroundColor:r?"rgba(28,28,30,0.7)":"rgba(246,246,248,0.7)",borderRight:`1px solid ${r?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.08)"}`},children:e.jsx("span",{className:"text-[8px] text-gray-400",children:"Sidebar · 240px"})}),e.jsx("div",{className:"absolute right-0 bottom-0 flex items-center justify-center",style:{top:86,left:120},children:e.jsx("span",{className:"text-[9px] text-gray-400",children:"Content · 20px padding"})})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:m.map(s=>e.jsxs("div",{className:"flex items-start gap-3 p-3 rounded-xl border border-[var(--color-border)]",children:[e.jsx("div",{className:"w-10 shrink-0 text-center py-1 rounded font-mono text-[9px] font-bold",style:{backgroundColor:r?"rgba(10,132,255,0.2)":"rgba(0,122,255,0.1)",color:r?"#0a84ff":"#007aff"},children:s.value}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold",children:s.name}),e.jsx("code",{className:"text-[9px] font-mono text-gray-400",children:s.cssVar}),e.jsx("p",{className:"text-[10px] text-gray-400 mt-0.5",children:s.desc})]})]},s.name))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Motion & Transitions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(a.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Three motion speeds using"," ",e.jsx("code",{className:"text-xs font-mono",children:"cubic-bezier(0.2, 0, 0, 1)"})," ","for the standard and slow durations — a deceleration curve that feels physically natural at larger distances."]}),e.jsx("div",{className:"space-y-4",children:x.map(s=>e.jsxs("div",{className:"p-4 rounded-xl border border-[var(--color-border)]",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"font-semibold text-sm",children:s.name}),e.jsx("code",{className:"text-[10px] font-mono text-gray-400",children:s.cssVar})]}),e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx("div",{className:"h-2 rounded-full",style:{width:`${s.bar*3}px`,backgroundColor:r?"#0a84ff":"#007aff",opacity:.7}}),e.jsx("code",{className:"text-xs font-mono text-gray-500",children:s.value})]}),e.jsx("p",{className:"text-[11px] text-gray-400",children:s.usage})]},s.name))}),e.jsx("pre",{className:"mt-6 rounded-xl p-4 text-xs font-mono overflow-x-auto text-gray-300",style:{backgroundColor:r?"#1c1c1e":"#1d1d1f"},children:`.my-panel {

package/documentation/{SonomaShapesSection-C8Pf87LY.js → SonomaShapesSection-BjIQNju1.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { ay as m, H as p, C as t, a as o, T as n } from "../index-19KsCnyX.js";
+import { ay as m, H as p, C as t, a as o, T as n } from "../index-4GONhZIF.js";
 import { Shapes as x } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaTypographySection-COUn6t7v.js → SonomaTypographySection-3UGv1D5a.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
-import { ay as d, H as g, C as t, a as i, T as l, y as p } from "../index-19KsCnyX.js";
+import { ay as d, H as g, C as t, a as i, T as l, y as p } from "../index-4GONhZIF.js";
 import { Type as h } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SonomaTypographySection-Ds10GLYv.js → SonomaTypographySection-DE_CNkXW.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=[{name:"Large Title",className:"macos-large-title",cssVarSize:"--macos-ts-large-title-size",cssVarWeight:"--macos-ts-large-title-weight",cssVarLeading:"--macos-ts-large-title-leading",cssVarTracking:"--macos-ts-large-title-tracking",size:"26px",weight:"400",leading:"32px",tracking:"+0.22px",weightLabel:"Regular",sample:"The quick brown fox"},{name:"Title 1",className:"macos-title-1",cssVarSize:"--macos-ts-title1-size",cssVarWeight:"--macos-ts-title1-weight",cssVarLeading:"--macos-ts-title1-leading",cssVarTracking:"--macos-ts-title1-tracking",size:"22px",weight:"400",leading:"26px",tracking:"−0.26px",weightLabel:"Regular",sample:"System Preferences"},{name:"Title 2",className:"macos-title-2",cssVarSize:"--macos-ts-title2-size",cssVarWeight:"--macos-ts-title2-weight",cssVarLeading:"--macos-ts-title2-leading",cssVarTracking:"--macos-ts-title2-tracking",size:"17px",weight:"400",leading:"22px",tracking:"−0.43px",weightLabel:"Regular",sample:"Network Preferences"},{name:"Title 3",className:"macos-title-3",cssVarSize:"--macos-ts-title3-size",cssVarWeight:"--macos-ts-title3-weight",cssVarLeading:"--macos-ts-title3-leading",cssVarTracking:"--macos-ts-title3-tracking",size:"15px",weight:"400",leading:"20px",tracking:"−0.23px",weightLabel:"Regular",sample:"Wi-Fi Settings"},{name:"Headline",className:"macos-headline",cssVarSize:"--macos-ts-headline-size",cssVarWeight:"--macos-ts-headline-weight",cssVarLeading:"--macos-ts-headline-leading",cssVarTracking:"--macos-ts-headline-tracking",size:"13px",weight:"700",leading:"16px",tracking:"−0.08px",weightLabel:"Bold",sample:"Connected Devices"},{name:"Body",className:"macos-body",cssVarSize:"--macos-ts-body-size",cssVarWeight:"--macos-ts-body-weight",cssVarLeading:"--macos-ts-body-leading",cssVarTracking:"--macos-ts-body-tracking",size:"13px",weight:"400",leading:"16px",tracking:"−0.08px",weightLabel:"Regular",sample:"Your Mac is connected to the internet via Wi-Fi."},{name:"Callout",className:"macos-callout",cssVarSize:"--macos-ts-callout-size",cssVarWeight:"--macos-ts-callout-weight",cssVarLeading:"--macos-ts-callout-leading",cssVarTracking:"--macos-ts-callout-tracking",size:"12px",weight:"400",leading:"15px",tracking:"0",weightLabel:"Regular",sample:"Signal strength: Excellent"},{name:"Subheadline",className:"macos-subheadline",cssVarSize:"--macos-ts-subheadline-size",cssVarWeight:"--macos-ts-subheadline-weight",cssVarLeading:"--macos-ts-subheadline-leading",cssVarTracking:"--macos-ts-subheadline-tracking",size:"11px",weight:"400",leading:"14px",tracking:"+0.06px",weightLabel:"Regular",sample:"Last updated: just now"},{name:"Footnote",className:"macos-footnote",cssVarSize:"--macos-ts-footnote-size",cssVarWeight:"--macos-ts-footnote-weight",cssVarLeading:"--macos-ts-footnote-leading",cssVarTracking:"--macos-ts-footnote-tracking",size:"10px",weight:"400",leading:"13px",tracking:"+0.12px",weightLabel:"Regular",sample:"More network diagnostics available in Utilities."},{name:"Caption 1",className:"macos-caption-1",cssVarSize:"--macos-ts-caption1-size",cssVarWeight:"--macos-ts-caption1-weight",cssVarLeading:"--macos-ts-caption1-leading",cssVarTracking:"--macos-ts-caption1-tracking",size:"10px",weight:"400",leading:"13px",tracking:"+0.12px",weightLabel:"Regular",sample:"IPv4: 192.168.1.1 / IPv6: ::1"},{name:"Caption 2",className:"macos-caption-2",cssVarSize:"--macos-ts-caption2-size",cssVarWeight:"--macos-ts-caption2-weight",cssVarLeading:"--macos-ts-caption2-leading",cssVarTracking:"--macos-ts-caption2-tracking",size:"10px",weight:"500",leading:"13px",tracking:"+0.12px",weightLabel:"Medium",sample:"NETWORK · ETHERNET"}],r=[{name:"Inter (Primary)",cssVar:"--macos-font-family",stack:"Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif",usage:"All body, UI, and display text under html.macos"},{name:"Inter Display",cssVar:"--macos-font-display",stack:"Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif",usage:"Large Title, Title 1, Title 2 — display-weight headings"},{name:"JetBrains Mono",cssVar:"--macos-font-mono",stack:"JetBrains Mono, SF Mono, SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace",usage:"Code snippets, terminal, monospace data"}],o=()=>{const{mode:l}=s.useTheme(),c=l==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Typography",description:"11 Apple HIG text styles for macOS Sonoma 14 — defined via --macos-ts-* tokens and applied with utility classes like .macos-body.",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-gray-800 via-gray-600 to-gray-400 dark:from-gray-200 dark:via-gray-400 dark:to-gray-600 rounded-full flex items-center justify-center shadow-lg border border-gray-500/50",children:e.jsx(n.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white dark:text-gray-900 filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Font Families",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Inter Variable is loaded via"," ",e.jsx("code",{className:"text-xs font-mono",children:"@font-face"})," in"," ",e.jsx("code",{className:"text-xs font-mono",children:"macos-fonts.css"})," with"," ",e.jsx("code",{className:"text-xs font-mono",children:"-apple-system"})," as the fallback stack (renders as SF Pro on macOS Safari)."]}),e.jsx("div",{className:"space-y-4",children:r.map(a=>e.jsxs("div",{className:"p-4 rounded-xl border border-border",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-2 mb-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-semibold text-sm",children:a.name}),e.jsx("code",{className:"ml-2 text-[10px] font-mono text-gray-400",children:a.cssVar})]}),e.jsx("span",{className:"text-[10px] text-gray-400",children:a.usage})]}),e.jsx("p",{className:"text-base mb-1",style:{fontFamily:`var(${a.cssVar})`},children:"Aa Bb Cc — The quick brown fox jumps over the lazy dog"}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono break-all",children:a.stack})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Text Style Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["All 11 text styles defined by Apple HIG for macOS. Each style maps to a set of"," ",e.jsx("code",{className:"text-xs font-mono",children:"--macos-ts-*"})," tokens and a CSS utility class applied under"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"}),"."]}),e.jsx("div",{className:"space-y-3",children:i.map(a=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-4 p-3 rounded-xl border border-[var(--color-border)]",children:[e.jsxs("div",{className:"sm:w-40 shrink-0",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400 uppercase tracking-widest",children:a.name}),e.jsx("br",{}),e.jsxs("code",{className:"text-[9px] font-mono text-gray-400",children:[".",a.className]})]}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("p",{className:a.className,style:{color:c?"var(--macos-label, rgba(255,255,255,0.92))":"var(--macos-label, rgba(0,0,0,0.88))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:a.sample})}),e.jsxs("div",{className:"flex gap-4 shrink-0 text-[9px] font-mono text-gray-400",children:[e.jsx("span",{children:a.size}),e.jsx("span",{children:a.weightLabel}),e.jsxs("span",{children:["↕ ",a.leading]}),e.jsx("span",{className:"hidden sm:inline",children:a.tracking})]})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"CSS Token Reference",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Full token reference for all 11 text styles."}),e.jsx(s.BasicTable,{columns:[{key:"name",label:"Style"},{key:"size",label:"Size",className:"font-mono text-gray-500"},{key:"weight",label:"Weight",className:"text-gray-500",render:(a,t)=>`${t.weightLabel} (${t.weight})`},{key:"leading",label:"Leading",className:"font-mono text-gray-500"},{key:"tracking",label:"Tracking",className:"font-mono text-gray-500"}],data:i,maxRows:15,resizable:!1})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"OpenType & Rendering",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["The Sonoma typography system enables key OpenType features and optimized text rendering via"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"})," base styles."]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[{label:"font-optical-sizing",value:"auto",desc:"Optical size axis adjusts details at small/large sizes"},{label:"font-feature-settings",value:"'liga' 1, 'calt' 1, 'kern' 1",desc:"Ligatures, contextual alternates, and kerning"},{label:"-webkit-font-smoothing",value:"antialiased",desc:"macOS sub-pixel antialiasing optimized for Retina"},{label:"base font-size",value:"13px",desc:"Apple HIG macOS default — matches native macOS apps"}].map(a=>e.jsxs("div",{className:"p-3 rounded-xl border border-border",children:[e.jsx("code",{className:"text-[10px] font-mono text-blue-500 dark:text-blue-400",children:a.label}),e.jsx("code",{className:"block text-[10px] font-mono text-gray-500 mt-0.5",children:a.value}),e.jsx("p",{className:"text-[11px] text-gray-500 mt-1",children:a.desc})]},a.label))})]})})})]})};exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=[{name:"Large Title",className:"macos-large-title",cssVarSize:"--macos-ts-large-title-size",cssVarWeight:"--macos-ts-large-title-weight",cssVarLeading:"--macos-ts-large-title-leading",cssVarTracking:"--macos-ts-large-title-tracking",size:"26px",weight:"400",leading:"32px",tracking:"+0.22px",weightLabel:"Regular",sample:"The quick brown fox"},{name:"Title 1",className:"macos-title-1",cssVarSize:"--macos-ts-title1-size",cssVarWeight:"--macos-ts-title1-weight",cssVarLeading:"--macos-ts-title1-leading",cssVarTracking:"--macos-ts-title1-tracking",size:"22px",weight:"400",leading:"26px",tracking:"−0.26px",weightLabel:"Regular",sample:"System Preferences"},{name:"Title 2",className:"macos-title-2",cssVarSize:"--macos-ts-title2-size",cssVarWeight:"--macos-ts-title2-weight",cssVarLeading:"--macos-ts-title2-leading",cssVarTracking:"--macos-ts-title2-tracking",size:"17px",weight:"400",leading:"22px",tracking:"−0.43px",weightLabel:"Regular",sample:"Network Preferences"},{name:"Title 3",className:"macos-title-3",cssVarSize:"--macos-ts-title3-size",cssVarWeight:"--macos-ts-title3-weight",cssVarLeading:"--macos-ts-title3-leading",cssVarTracking:"--macos-ts-title3-tracking",size:"15px",weight:"400",leading:"20px",tracking:"−0.23px",weightLabel:"Regular",sample:"Wi-Fi Settings"},{name:"Headline",className:"macos-headline",cssVarSize:"--macos-ts-headline-size",cssVarWeight:"--macos-ts-headline-weight",cssVarLeading:"--macos-ts-headline-leading",cssVarTracking:"--macos-ts-headline-tracking",size:"13px",weight:"700",leading:"16px",tracking:"−0.08px",weightLabel:"Bold",sample:"Connected Devices"},{name:"Body",className:"macos-body",cssVarSize:"--macos-ts-body-size",cssVarWeight:"--macos-ts-body-weight",cssVarLeading:"--macos-ts-body-leading",cssVarTracking:"--macos-ts-body-tracking",size:"13px",weight:"400",leading:"16px",tracking:"−0.08px",weightLabel:"Regular",sample:"Your Mac is connected to the internet via Wi-Fi."},{name:"Callout",className:"macos-callout",cssVarSize:"--macos-ts-callout-size",cssVarWeight:"--macos-ts-callout-weight",cssVarLeading:"--macos-ts-callout-leading",cssVarTracking:"--macos-ts-callout-tracking",size:"12px",weight:"400",leading:"15px",tracking:"0",weightLabel:"Regular",sample:"Signal strength: Excellent"},{name:"Subheadline",className:"macos-subheadline",cssVarSize:"--macos-ts-subheadline-size",cssVarWeight:"--macos-ts-subheadline-weight",cssVarLeading:"--macos-ts-subheadline-leading",cssVarTracking:"--macos-ts-subheadline-tracking",size:"11px",weight:"400",leading:"14px",tracking:"+0.06px",weightLabel:"Regular",sample:"Last updated: just now"},{name:"Footnote",className:"macos-footnote",cssVarSize:"--macos-ts-footnote-size",cssVarWeight:"--macos-ts-footnote-weight",cssVarLeading:"--macos-ts-footnote-leading",cssVarTracking:"--macos-ts-footnote-tracking",size:"10px",weight:"400",leading:"13px",tracking:"+0.12px",weightLabel:"Regular",sample:"More network diagnostics available in Utilities."},{name:"Caption 1",className:"macos-caption-1",cssVarSize:"--macos-ts-caption1-size",cssVarWeight:"--macos-ts-caption1-weight",cssVarLeading:"--macos-ts-caption1-leading",cssVarTracking:"--macos-ts-caption1-tracking",size:"10px",weight:"400",leading:"13px",tracking:"+0.12px",weightLabel:"Regular",sample:"IPv4: 192.168.1.1 / IPv6: ::1"},{name:"Caption 2",className:"macos-caption-2",cssVarSize:"--macos-ts-caption2-size",cssVarWeight:"--macos-ts-caption2-weight",cssVarLeading:"--macos-ts-caption2-leading",cssVarTracking:"--macos-ts-caption2-tracking",size:"10px",weight:"500",leading:"13px",tracking:"+0.12px",weightLabel:"Medium",sample:"NETWORK · ETHERNET"}],r=[{name:"Inter (Primary)",cssVar:"--macos-font-family",stack:"Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif",usage:"All body, UI, and display text under html.macos"},{name:"Inter Display",cssVar:"--macos-font-display",stack:"Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif",usage:"Large Title, Title 1, Title 2 — display-weight headings"},{name:"JetBrains Mono",cssVar:"--macos-font-mono",stack:"JetBrains Mono, SF Mono, SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace",usage:"Code snippets, terminal, monospace data"}],o=()=>{const{mode:l}=s.useTheme(),c=l==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Typography",description:"11 Apple HIG text styles for macOS Sonoma 14 — defined via --macos-ts-* tokens and applied with utility classes like .macos-body.",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-gray-800 via-gray-600 to-gray-400 dark:from-gray-200 dark:via-gray-400 dark:to-gray-600 rounded-full flex items-center justify-center shadow-lg border border-gray-500/50",children:e.jsx(n.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white dark:text-gray-900 filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Font Families",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Inter Variable is loaded via"," ",e.jsx("code",{className:"text-xs font-mono",children:"@font-face"})," in"," ",e.jsx("code",{className:"text-xs font-mono",children:"macos-fonts.css"})," with"," ",e.jsx("code",{className:"text-xs font-mono",children:"-apple-system"})," as the fallback stack (renders as SF Pro on macOS Safari)."]}),e.jsx("div",{className:"space-y-4",children:r.map(a=>e.jsxs("div",{className:"p-4 rounded-xl border border-border",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-2 mb-2",children:[e.jsxs("div",{children:[e.jsx("span",{className:"font-semibold text-sm",children:a.name}),e.jsx("code",{className:"ml-2 text-[10px] font-mono text-gray-400",children:a.cssVar})]}),e.jsx("span",{className:"text-[10px] text-gray-400",children:a.usage})]}),e.jsx("p",{className:"text-base mb-1",style:{fontFamily:`var(${a.cssVar})`},children:"Aa Bb Cc — The quick brown fox jumps over the lazy dog"}),e.jsx("code",{className:"text-[9px] text-gray-400 font-mono break-all",children:a.stack})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Text Style Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["All 11 text styles defined by Apple HIG for macOS. Each style maps to a set of"," ",e.jsx("code",{className:"text-xs font-mono",children:"--macos-ts-*"})," tokens and a CSS utility class applied under"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"}),"."]}),e.jsx("div",{className:"space-y-3",children:i.map(a=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-4 p-3 rounded-xl border border-[var(--color-border)]",children:[e.jsxs("div",{className:"sm:w-40 shrink-0",children:[e.jsx("span",{className:"text-[10px] font-medium text-gray-400 uppercase tracking-widest",children:a.name}),e.jsx("br",{}),e.jsxs("code",{className:"text-[9px] font-mono text-gray-400",children:[".",a.className]})]}),e.jsx("div",{className:"flex-1 min-w-0",children:e.jsx("p",{className:a.className,style:{color:c?"var(--macos-label, rgba(255,255,255,0.92))":"var(--macos-label, rgba(0,0,0,0.88))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:a.sample})}),e.jsxs("div",{className:"flex gap-4 shrink-0 text-[9px] font-mono text-gray-400",children:[e.jsx("span",{children:a.size}),e.jsx("span",{children:a.weightLabel}),e.jsxs("span",{children:["↕ ",a.leading]}),e.jsx("span",{className:"hidden sm:inline",children:a.tracking})]})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"CSS Token Reference",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Full token reference for all 11 text styles."}),e.jsx(s.BasicTable,{columns:[{key:"name",label:"Style"},{key:"size",label:"Size",className:"font-mono text-gray-500"},{key:"weight",label:"Weight",className:"text-gray-500",render:(a,t)=>`${t.weightLabel} (${t.weight})`},{key:"leading",label:"Leading",className:"font-mono text-gray-500"},{key:"tracking",label:"Tracking",className:"font-mono text-gray-500"}],data:i,maxRows:15,resizable:!1})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"OpenType & Rendering",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(s.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["The Sonoma typography system enables key OpenType features and optimized text rendering via"," ",e.jsx("code",{className:"text-xs font-mono",children:"html.macos"})," base styles."]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3",children:[{label:"font-optical-sizing",value:"auto",desc:"Optical size axis adjusts details at small/large sizes"},{label:"font-feature-settings",value:"'liga' 1, 'calt' 1, 'kern' 1",desc:"Ligatures, contextual alternates, and kerning"},{label:"-webkit-font-smoothing",value:"antialiased",desc:"macOS sub-pixel antialiasing optimized for Retina"},{label:"base font-size",value:"13px",desc:"Apple HIG macOS default — matches native macOS apps"}].map(a=>e.jsxs("div",{className:"p-3 rounded-xl border border-border",children:[e.jsx("code",{className:"text-[10px] font-mono text-blue-500 dark:text-blue-400",children:a.label}),e.jsx("code",{className:"block text-[10px] font-mono text-gray-500 mt-0.5",children:a.value}),e.jsx("p",{className:"text-[11px] text-gray-500 mt-1",children:a.desc})]},a.label))})]})})})]})};exports.default=o;

package/documentation/{SpacingSystemSection-BF3PHq5h.js → SpacingSystemSection-BajYRcpw.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const u=t=>{if(typeof window>"u")return"";const l=document.documentElement;return getComputedStyle(l).getPropertyValue(t).trim()||""},c=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(a.HeroCard,{title:"Spacing System",description:"Spacing scale mapped to Tucu UI Design Tokens.",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-emerald-500 via-green-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Ruler,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Spacing Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(l=>{const s=`--spacing-${l.key}`,r=u(s),i=`p-${l.value}, m-${l.value}, gap-${l.value}`,d=l.value.toString();return e.jsxs("div",{className:"border border-border rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:d}),r&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:r||`var(${s})`,minWidth:"4px"}}),e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:i})]},l.key)})})})})})]})};exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const u=t=>{if(typeof window>"u")return"";const l=document.documentElement;return getComputedStyle(l).getPropertyValue(t).trim()||""},c=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[e.jsx(a.HeroCard,{title:"Spacing System",description:"Spacing scale mapped to Tucu UI Design Tokens.",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-emerald-500 via-green-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.Ruler,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Spacing Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(l=>{const s=`--spacing-${l.key}`,r=u(s),i=`p-${l.value}, m-${l.value}, gap-${l.value}`,d=l.value.toString();return e.jsxs("div",{className:"border border-border rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:d}),r&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:r||`var(${s})`,minWidth:"4px"}}),e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:i})]},l.key)})})})})})]})};exports.default=c;

package/documentation/{SpacingSystemSection-BqrzSpri.js → SpacingSystemSection-CbW8Ty5w.js}

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { H as m, C as o, a as c, T as s } from "../index-19KsCnyX.js";
+import { H as m, C as o, a as c, T as s } from "../index-4GONhZIF.js";
 import { Ruler as u } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{SpinnerSection-Dk30YZJZ.js → SpinnerSection-CL1dfMRs.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Spinner",description:`A simple spinning loader component for indicating loading states with
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"Spinner",description:`A simple spinning loader component for indicating loading states with
           customizable sizes and colors.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-indigo-600 to-violet-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(n.RefreshCw,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Default Spinner"}),e.jsx(r.Spinner,{})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Small Spinner"}),e.jsx(r.Spinner,{size:"sm"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Large Spinner"}),e.jsx(r.Spinner,{size:"lg"})]})]})})})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(r.Spinner,{color:"primary"}),e.jsx(r.Spinner,{color:"success"}),e.jsx(r.Spinner,{color:"danger"}),e.jsx(r.Spinner,{color:"info"}),e.jsx(r.Spinner,{color:"warning"}),e.jsx(r.Spinner,{color:"gray"})]})]})})})})}),e.jsx(r.PropPlayground,{componentName:"Spinner",defaultValues:{size:"md",color:"primary"},excludeProps:[],children:s=>e.jsx(r.Spinner,{...s})}),e.jsx(r.AutoPropsTable,{componentName:"Spinner"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Spinner } from '@e-burgos/tucu-ui';
 
 // Basic usage

package/documentation/{SpinnerSection-yr2tRAM5.js → SpinnerSection-Cj1Lldfj.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as c, C as s, a as l, T as n, af as r, P as m, A as d, c as t } from "../index-19KsCnyX.js";
+import { H as c, C as s, a as l, T as n, af as r, P as m, A as d, c as t } from "../index-4GONhZIF.js";
 import { RefreshCw as p } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{StandaloneAppSection-DCFC1XZR.js → StandaloneAppSection-XYaz2aEl.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { H as d, T as a, C as o, a as n, c as s, aj as l, ax as m } from "../index-19KsCnyX.js";
+import { H as d, T as a, C as o, a as n, c as s, aj as l, ax as m } from "../index-4GONhZIF.js";
 import { Package as c, Info as u, Wand2 as p, Layers3 as h, Minimize2 as g, AppWindow as f } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{StandaloneAppSection-BELaa7LI.js → StandaloneAppSection-wECFbb9Q.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const o=`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const o=`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
   component: React.JSX.Element;    // Component to render
   isPublic?: boolean;              // If true, accessible without authentication
   enableNestedRoutes?: boolean;    // Adds /* to path for nested routing

package/documentation/{StepperSection-B1XhYQK-.js → StepperSection-CXMKgINY.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),t=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,n]=p.useState(1),[i,c]=p.useState(0),r=[{id:"details",label:"Details"},{id:"payment",label:"Payment"},{id:"shipping",label:"Shipping"},{id:"confirm",label:"Confirm"}],d=[{id:"account",label:"Account",icon:e.jsx(a.User,{className:"h-3 w-3"})},{id:"billing",label:"Billing",icon:e.jsx(a.CreditCard,{className:"h-3 w-3"})},{id:"delivery",label:"Delivery",icon:e.jsx(a.Package,{className:"h-3 w-3"})},{id:"done",label:"Done",icon:e.jsx(a.Check,{className:"h-3 w-3"})}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Stepper",description:`A step indicator for multi-step flows like checkouts, wizards, and
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,n]=p.useState(1),[i,c]=p.useState(0),r=[{id:"details",label:"Details"},{id:"payment",label:"Payment"},{id:"shipping",label:"Shipping"},{id:"confirm",label:"Confirm"}],d=[{id:"account",label:"Account",icon:e.jsx(a.User,{className:"h-3 w-3"})},{id:"billing",label:"Billing",icon:e.jsx(a.CreditCard,{className:"h-3 w-3"})},{id:"delivery",label:"Delivery",icon:e.jsx(a.Package,{className:"h-3 w-3"})},{id:"done",label:"Done",icon:e.jsx(a.Check,{className:"h-3 w-3"})}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Stepper",description:`A step indicator for multi-step flows like checkouts, wizards, and
           onboarding sequences.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-teal-500 to-green-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.ListOrdered,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-8",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Interactive Stepper"}),e.jsx(t.Stepper,{steps:r,currentStep:l,onStepChange:n}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>n(s=>Math.max(0,s-1)),disabled:l===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>n(s=>Math.min(r.length-1,s+1)),disabled:l===r.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"With Icons"}),e.jsx(t.Stepper,{steps:d,currentStep:i,onStepChange:c}),e.jsxs("div",{className:"mt-4 flex gap-2",children:[e.jsx("button",{onClick:()=>c(s=>Math.max(0,s-1)),disabled:i===0,className:"px-3 py-1.5 text-xs rounded-md bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 disabled:opacity-30",children:"Previous"}),e.jsx("button",{onClick:()=>c(s=>Math.min(d.length-1,s+1)),disabled:i===d.length-1,className:"px-3 py-1.5 text-xs rounded-md bg-brand text-white disabled:opacity-30",children:"Next"})]})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-4",children:"Read-only (no onStepChange)"}),e.jsx(t.Stepper,{steps:r,currentStep:2})]})]})})}),e.jsx(t.PropPlayground,{componentName:"Stepper",title:"Stepper Playground",defaultValues:{currentStep:1},excludeProps:["steps","onStepChange","className"],children:s=>e.jsx(t.Stepper,{...s,steps:[{label:"Step 1"},{label:"Step 2"},{label:"Step 3"}]})}),e.jsx(t.AutoPropsTable,{componentName:"Stepper"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Stepper } from '@e-burgos/tucu-ui';
 import { useState } from 'react';
 

package/documentation/{StepperSection-By_Ml_tV.js → StepperSection-Dtfg5GXq.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as b, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
-import { H as g, C as s, a as h, T as o, a2 as i, P as u, A as S, c as x } from "../index-19KsCnyX.js";
+import { H as g, C as s, a as h, T as o, a2 as i, P as u, A as S, c as x } from "../index-4GONhZIF.js";
 import { ListOrdered as N, User as y, CreditCard as C, Package as f, Check as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{SwitchSection-BUQdc358.js → SwitchSection-BTn9p7eE.js}

@@ -1,6 +1,6 @@
 import { jsxs as c, Fragment as w, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as C, C as a, a as i, T as r, u as l, P as u, A as f, c as N } from "../index-19KsCnyX.js";
+import { H as C, C as a, a as i, T as r, u as l, P as u, A as f, c as N } from "../index-4GONhZIF.js";
 import { ToggleLeft as S } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{SwitchSection-C85IWY-t.js → SwitchSection-DSSq56jC.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),a=require("../index-DMs_SmPq.js"),g=require("lucide-react");require("react-router-dom");require("react-dom");const C=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],p=()=>{const[c,s]=n.useState(!1),[i,t]=n.useState(!0),[h,o]=n.useState({primary:!0,secondary:!0,danger:!0,info:!0,success:!0,warning:!0}),d=r=>l=>{o(m=>({...m,[r]:l}))};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Switch",description:"A toggle switch component for binary on/off states.",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-emerald-500 via-green-500 to-lime-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(g.ToggleLeft,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Switch"}),e.jsx(a.Switch,{label:"Enable notifications",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Labels"}),e.jsx(a.Switch,{label:"Dark mode",onLabel:"ON",offLabel:"OFF",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Switch,{label:"Auto-save",helperText:"Automatically save your work",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Switch,{label:"Required switch",errorMessage:"This field is required",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Switch,{label:"Disabled switch",disabled:!0,checked:c,onChange:s})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Switch,{label:"Ghost Variant",variant:"ghost",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Switch,{label:"Solid Variant",variant:"solid",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Switch,{label:"Transparent Variant",variant:"transparent",checked:c,onChange:s})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:C.map(({label:r,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Switch,{label:`${r} Switch`,color:l,checked:h[l],onChange:d(l)})]},l))})})})}),e.jsx(a.PropPlayground,{componentName:"Switch",defaultValues:{label:"Preview Switch",onLabel:"ON",offLabel:"OFF",variant:"ghost",color:"primary",helperText:"",errorMessage:"",disabled:!1},includeProps:["label","onLabel","offLabel","variant","color","helperText","errorMessage","disabled"],excludeProps:["checked","onChange"],children:r=>e.jsx(a.Switch,{...r,checked:i,onChange:t})}),e.jsx(a.AutoPropsTable,{componentName:"Switch"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Switch } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),a=require("../index-C0NugKZs.js"),g=require("lucide-react");require("react-router-dom");require("react-dom");const C=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],p=()=>{const[c,s]=n.useState(!1),[i,t]=n.useState(!0),[h,o]=n.useState({primary:!0,secondary:!0,danger:!0,info:!0,success:!0,warning:!0}),d=r=>l=>{o(m=>({...m,[r]:l}))};return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Switch",description:"A toggle switch component for binary on/off states.",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-emerald-500 via-green-500 to-lime-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:e.jsx(g.ToggleLeft,{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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Switch"}),e.jsx(a.Switch,{label:"Enable notifications",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Custom Labels"}),e.jsx(a.Switch,{label:"Dark mode",onLabel:"ON",offLabel:"OFF",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Switch,{label:"Auto-save",helperText:"Automatically save your work",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Switch,{label:"Required switch",errorMessage:"This field is required",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Switch,{label:"Disabled switch",disabled:!0,checked:c,onChange:s})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Switch,{label:"Ghost Variant",variant:"ghost",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Switch,{label:"Solid Variant",variant:"solid",checked:c,onChange:s})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Switch,{label:"Transparent Variant",variant:"transparent",checked:c,onChange:s})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:C.map(({label:r,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:r}),e.jsx(a.Switch,{label:`${r} Switch`,color:l,checked:h[l],onChange:d(l)})]},l))})})})}),e.jsx(a.PropPlayground,{componentName:"Switch",defaultValues:{label:"Preview Switch",onLabel:"ON",offLabel:"OFF",variant:"ghost",color:"primary",helperText:"",errorMessage:"",disabled:!1},includeProps:["label","onLabel","offLabel","variant","color","helperText","errorMessage","disabled"],excludeProps:["checked","onChange"],children:r=>e.jsx(a.Switch,{...r,checked:i,onChange:t})}),e.jsx(a.AutoPropsTable,{componentName:"Switch"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Switch } from '@e-burgos/tucu-ui';
 
 <Switch
   label="Enable notifications"

package/documentation/{SystemOverviewSection-rljSEGcG.js → SystemOverviewSection-CE6LLl1z.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const r=[{icon:e.jsx(t.Router,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"React Router v6",description:"Built on React Router with full compatibility, browser history, and modern routing features.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(t.Menu,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Automatic Navigation",description:"Generate navigation menus automatically from menuItems configuration with active states.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Routes",description:"Unlimited nesting levels via dropdownItems with automatic sidebar dropdown generation.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(t.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dual Architecture",description:"Supports Standalone (menu-driven) and MFE (explicit config) via the architecturalPatterns prop.",iconBgClassName:"from-orange-500 to-amber-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"System Overview",description:"Built on React Router v6 with automatic menu generation and nested route support. Supports both Standalone and Micro Frontend (MFE) architectural patterns via TypeScript-enforced discriminated unions.",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-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Map,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(i.Typography,{tag:"h2",className:"mb-2",children:"Core Capabilities"}),e.jsx(i.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Key features of the routing system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:r.map(a=>e.jsx(i.FeatureCard,{layout:"vertical",...a},a.title))})]})]})};exports.default=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const r=[{icon:e.jsx(t.Router,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"React Router v6",description:"Built on React Router with full compatibility, browser history, and modern routing features.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(t.Menu,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Automatic Navigation",description:"Generate navigation menus automatically from menuItems configuration with active states.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Routes",description:"Unlimited nesting levels via dropdownItems with automatic sidebar dropdown generation.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(t.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dual Architecture",description:"Supports Standalone (menu-driven) and MFE (explicit config) via the architecturalPatterns prop.",iconBgClassName:"from-orange-500 to-amber-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"System Overview",description:"Built on React Router v6 with automatic menu generation and nested route support. Supports both Standalone and Micro Frontend (MFE) architectural patterns via TypeScript-enforced discriminated unions.",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-blue-500 via-cyan-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Map,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(i.Typography,{tag:"h2",className:"mb-2",children:"Core Capabilities"}),e.jsx(i.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Key features of the routing system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:r.map(a=>e.jsx(i.FeatureCard,{layout:"vertical",...a},a.title))})]})]})};exports.default=s;

package/documentation/{SystemOverviewSection-C1qBmPHN.js → SystemOverviewSection-Doao-Hyc.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { H as o, T as i, ax as s } from "../index-19KsCnyX.js";
+import { H as o, T as i, ax as s } from "../index-4GONhZIF.js";
 import { Map as n, Router as l, Menu as m, Layers3 as c, Box as d } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TabModalSection-IuUO4qiP.js → TabModalSection-BZl8Ce2m.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as f, jsx as e } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { H as g, C as n, a as d, T as t, x as c, a4 as o, P as C, A as v, c as T } from "../index-19KsCnyX.js";
+import { H as g, C as n, a as d, T as t, x as c, a4 as o, P as C, A as v, c as T } from "../index-4GONhZIF.js";
 import { SquareStack as N, BarChart3 as w, Settings as m, Activity as y } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TabModalSection-Dv5x_sEQ.js → TabModalSection-D8NTK60d.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[l,s]=o.useState(!1),[r,n]=o.useState(!1),[c,i]=o.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabModal",description:`A modal dialog with built-in tab navigation, header with icon/badge,
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[l,s]=o.useState(!1),[r,n]=o.useState(!1),[c,i]=o.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabModal",description:`A modal dialog with built-in tab navigation, header with icon/badge,
           expandable footer, and mobile-first responsive design.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-orange-500 to-amber-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.SquareStack,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Tabs"}),e.jsx(t.Button,{onClick:()=>n(!0),children:"Open TabModal (Tabs)"}),r&&e.jsx(t.TabModal,{icon:a.Activity,title:"Dashboard",subtitle:"View your activity and stats",badgeHeader:"LIVE",badgeHeaderClassName:"text-green-600 bg-green-100 border-green-300",tabs:[{icon:a.BarChart3,name:"Overview",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Overview Tab"}),e.jsx(t.Typography,{tag:"p",children:"This is the overview content with charts and metrics."})]})},{icon:a.Settings,name:"Settings",content:e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Settings Tab"}),e.jsx(t.Typography,{tag:"p",children:"Configure your preferences here."})]})}],footerLabel:"Last updated: 2 minutes ago",successButton:{label:"Save",onClick:()=>n(!1)},onClose:()=>n(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Direct Content"}),e.jsx(t.Button,{onClick:()=>i(!0),children:"Open TabModal (Content)"}),c&&e.jsx(t.TabModal,{icon:a.Settings,title:"Preferences",subtitle:"Manage your account settings",content:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.Typography,{tag:"p",children:["When you pass the ",e.jsx("code",{children:"content"})," prop directly, the tab bar is hidden and this content fills the body."]})}),onClose:()=>i(!1)})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Minimal (No Tabs, No Content)"}),e.jsx(t.Button,{onClick:()=>s(!0),children:"Open Minimal TabModal"}),l&&e.jsx(t.TabModal,{title:"Confirmation",successButton:{label:"Confirm",onClick:()=>s(!1)},closeButton:{label:"Cancel",onClick:()=>s(!1)},onClose:()=>s(!1)})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"TabModal",title:"TabModal Playground",defaultValues:{title:"Modal Title",subtitle:"Modal subtitle",footerLabel:"Footer text",closeLabel:"Cancel"},excludeProps:["onClose","tabs","content","icon","className","closeButton","successButton","badgeHeader","badgeHeaderClassName"],children:d=>e.jsx(t.TabModal,{...d,onClose:()=>{},tabs:[{title:"Tab 1",content:e.jsx(t.Typography,{tag:"p",children:"Content 1"})},{title:"Tab 2",content:e.jsx(t.Typography,{tag:"p",children:"Content 2"})}]})}),e.jsx(t.AutoPropsTable,{componentName:"TabModal"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { TabModal } from '@e-burgos/tucu-ui';
 import { Activity, BarChart3, Settings } from 'lucide-react';
 import { useState } from 'react';

package/documentation/{TabSection-Caok23rW.js → TabSection-BDoaQ3_L.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as m, C as n, a as c, T as i, an as t, ao as d, ap as l, aq as s, ar as r, P as b, A as p, c as v } from "../index-19KsCnyX.js";
+import { H as m, C as n, a as c, T as i, an as t, ao as d, ap as l, aq as s, ar as r, P as b, A as p, c as v } from "../index-4GONhZIF.js";
 import { LayoutList as T, Home as g, User as u, Settings as N, Mail as P, Bell as f, Calendar as w } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{TabSection-DDHTGSIS.js → TabSection-C4-7MzLK.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Tabs",description:`A flexible tab component system with multiple variants, smooth
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Tabs",description:`A flexible tab component system with multiple variants, smooth
           animations, and mobile-responsive design built on Headless UI.`,icon:a.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(n.LayoutList,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Underline Variant (Default)"}),a.jsxs(e.TabGroup,{variant:"underline",children:[a.jsxs(e.TabList,{variant:"underline",children:[a.jsx(e.TabItem,{variant:"underline",children:"Overview"}),a.jsx(e.TabItem,{variant:"underline",children:"Details"}),a.jsx(e.TabItem,{variant:"underline",children:"Settings"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Overview content with clean underline design."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Detailed information with professional styling."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Settings panel with modern appearance."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Pills Variant"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",children:"Dashboard"}),a.jsx(e.TabItem,{variant:"pills",children:"Analytics"}),a.jsx(e.TabItem,{variant:"pills",children:"Reports"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Dashboard with rounded pill tabs for a modern look."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Analytics data with smooth transitions."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Reports section with clean design."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bordered Variant"}),a.jsxs(e.TabGroup,{variant:"bordered",children:[a.jsxs(e.TabList,{variant:"bordered",children:[a.jsx(e.TabItem,{variant:"bordered",children:"Account"}),a.jsx(e.TabItem,{variant:"bordered",children:"Security"}),a.jsx(e.TabItem,{variant:"bordered",children:"Billing"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Account settings with bordered tab style."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Security options with clear visual distinction."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Billing information with professional appearance."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid Variant"}),a.jsxs(e.TabGroup,{variant:"solid",children:[a.jsxs(e.TabList,{variant:"solid",children:[a.jsx(e.TabItem,{variant:"solid",children:"Profile"}),a.jsx(e.TabItem,{variant:"solid",children:"Notifications"}),a.jsx(e.TabItem,{variant:"solid",children:"Privacy"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Profile section with solid background tabs."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Notifications center with modern design."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Privacy settings with clean interface."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Pills with Icons"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.Home,{size:16}),children:"Home"}),a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.User,{size:16}),children:"Profile"}),a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.Settings,{size:16}),children:"Settings"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Home dashboard content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"User profile information."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Application settings."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bordered with Icons"}),a.jsxs(e.TabGroup,{variant:"bordered",children:[a.jsxs(e.TabList,{variant:"bordered",children:[a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Mail,{size:16}),children:"Messages"}),a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Bell,{size:16}),children:"Alerts"}),a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Calendar,{size:16}),children:"Schedule"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Your messages and conversations."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"System alerts and notifications."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Calendar and scheduled events."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Small Size"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 1"}),a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 2"}),a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Small size tabs content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Compact design for space-constrained layouts."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Perfect for dense information displays."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Large Size"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 1"}),a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 2"}),a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Large size tabs content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Prominent design for main navigation."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Great for primary interface elements."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"States",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Disabled Tab"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",children:"Active"}),a.jsx(e.TabItem,{variant:"pills",disabled:!0,children:"Disabled"}),a.jsx(e.TabItem,{variant:"pills",children:"Available"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Active tab content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"This tab is disabled."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Available tab content."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Color Variants"}),a.jsxs(e.TabGroup,{variant:"underline",children:[a.jsxs(e.TabList,{variant:"underline",children:[a.jsx(e.TabItem,{variant:"underline",color:"primary",children:"Primary"}),a.jsx(e.TabItem,{variant:"underline",color:"success",children:"Success"}),a.jsx(e.TabItem,{variant:"underline",color:"danger",children:"Danger"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Primary color theme."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Success color theme."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Danger color theme."})})})]})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"TabGroup",title:"Tab Playground",defaultValues:{variant:"solid",defaultIndex:0},excludeProps:["onChange","selectedIndex","className"],children:i=>a.jsxs(e.TabGroup,{...i,children:[a.jsxs(e.TabList,{children:[a.jsx(e.TabItem,{children:"Tab 1"}),a.jsx(e.TabItem,{children:"Tab 2"}),a.jsx(e.TabItem,{children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:"Content 1"}),a.jsx(e.TabPanel,{children:"Content 2"}),a.jsx(e.TabPanel,{children:"Content 3"})]})]})}),a.jsx(e.AutoPropsTable,{componentName:"Tab"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import {
   TabGroup,
   TabList,

package/documentation/{TabSelectSection-BseTPExy.js → TabSelectSection-2x7PhRTC.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[i,m]=r.useState(0),[d,p]=r.useState(0),[n,h]=r.useState(0),c=[{title:"Dashboard",path:"dashboard"},{title:"Analytics",path:"analytics"},{title:"Reports",path:"reports"},{title:"Settings",path:"settings"}],o=[{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Home,{size:16}),"Home"]}),path:"home"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.User,{size:16}),"Profile"]}),path:"profile"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Settings,{size:16}),"Settings"]}),path:"settings"}],l=[{title:"Orders",path:"orders"},{title:"Products",path:"products"},{title:"Customers",path:"customers"},{title:"Analytics",path:"analytics"},{title:"Marketing",path:"marketing"},{title:"Reports",path:"reports"},{title:"Integrations",path:"integrations"},{title:"Settings",path:"settings"}],x=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:"Unique identifier/route path for the tab"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabSelect",description:`A mobile-friendly dropdown tab selector with smooth animations and
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[i,m]=r.useState(0),[d,p]=r.useState(0),[n,h]=r.useState(0),c=[{title:"Dashboard",path:"dashboard"},{title:"Analytics",path:"analytics"},{title:"Reports",path:"reports"},{title:"Settings",path:"settings"}],o=[{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Home,{size:16}),"Home"]}),path:"home"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.User,{size:16}),"Profile"]}),path:"profile"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Settings,{size:16}),"Settings"]}),path:"settings"}],l=[{title:"Orders",path:"orders"},{title:"Products",path:"products"},{title:"Customers",path:"customers"},{title:"Analytics",path:"analytics"},{title:"Marketing",path:"marketing"},{title:"Reports",path:"reports"},{title:"Integrations",path:"integrations"},{title:"Settings",path:"settings"}],x=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:"Unique identifier/route path for the tab"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabSelect",description:`A mobile-friendly dropdown tab selector with smooth animations and
           transitions, designed for responsive tab navigation in constrained
           spaces.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.ChevronDown,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic TabSelect"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Standard dropdown selector with text options. Click to expand and select a tab."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:c,selectedTabIndex:i,onChange:m})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected:"," ",e.jsx("span",{className:"font-semibold text-brand",children:c[i].title})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icons"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Enhanced dropdown with icon support for better visual clarity."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:o,selectedTabIndex:d,onChange:p})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Current selection:"," ",e.jsx("span",{className:"font-semibold text-brand",children:o[d].path})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Many Options"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Handles large lists efficiently with scrollable dropdown."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:l,selectedTabIndex:n,onChange:h})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected option:"," ",e.jsx("span",{className:"font-semibold text-brand",children:l[n].title})," ","(",n+1," of ",l.length,")"]})})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Use Cases",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Mobile Navigation"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:["Perfect for replacing horizontal tab bars on mobile devices where space is limited.",e.jsx("code",{className:"ml-1 text-xs border border-border px-2 py-1 rounded",children:"ParamTab"})," ","automatically switches to TabSelect on mobile breakpoints."]}),e.jsx(t.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Use TabSelect when you have 4+ tabs and limited horizontal space."]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Form Filters"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Use as a filter selector in forms and data tables to switch between different views or data categories."})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Settings Panels"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Navigate between different settings sections in a compact, accessible dropdown format."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"palette",children:"🎨"})," ","Smooth Animations"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Chevron rotation and dropdown transitions with translate-y effects."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"moon",children:"🌙"})," ","Dark Mode"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Full dark mode support with automatic theme adaptation."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"lightning",children:"⚡"})," ","Performance"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Optimized rendering with proper key management for large lists."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"target",children:"🎯"})," ","Accessibility"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Keyboard navigation and focus management built-in."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"TabSelectMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a??"")})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"default",label:"Default",render:a=>a==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"description",label:"Description",render:a=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")})}],data:x})})})}),e.jsx(t.PropPlayground,{componentName:"TabSelect",title:"TabSelect Playground",defaultValues:{selectedTabIndex:0},excludeProps:["onChange","tabMenu"],children:a=>e.jsx(t.TabSelect,{...a,onChange:()=>{},tabMenu:[{title:"Option A"},{title:"Option B"},{title:"Option C"}]})}),e.jsx(t.AutoPropsTable,{componentName:"TabSelect"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { TabSelect } from '@e-burgos/tucu-ui';
 import { useState } from 'react';

package/documentation/{TabSelectSection-B4rEgVlu.js → TabSelectSection-Ce-UvvAP.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
 import { useState as d } from "react";
-import { H as f, C as l, a as n, T as a, as as i, y, P as S, A as w, c as v } from "../index-19KsCnyX.js";
+import { H as f, C as l, a as n, T as a, as as i, y, P as S, A as w, c as v } from "../index-4GONhZIF.js";
 import { ChevronDown as T, Home as I, User as k, Settings as M } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TahoeCommandPaletteSection-DaORHbNv.js → TahoeCommandPaletteSection-B1uicEeB.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const c=[{id:"1",label:"New File",icon:e.jsx(a.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",group:"File"},{id:"2",label:"Open File...",icon:e.jsx(a.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",group:"File"},{id:"3",label:"Save",icon:e.jsx(a.Save,{className:"h-4 w-4"}),shortcut:"⌘S",group:"File"},{id:"4",label:"Find & Replace",icon:e.jsx(a.Search,{className:"h-4 w-4"}),shortcut:"⌘⇧F",group:"Edit"},{id:"5",label:"Toggle Sidebar",icon:e.jsx(a.PanelLeft,{className:"h-4 w-4"}),shortcut:"⌘B",group:"View"},{id:"6",label:"Toggle Dark Mode",icon:e.jsx(a.Moon,{className:"h-4 w-4"}),group:"View"},{id:"7",label:"Open Terminal",icon:e.jsx(a.Terminal,{className:"h-4 w-4"}),shortcut:"⌘`",group:"Tools"},{id:"8",label:"Run Build",icon:e.jsx(a.Play,{className:"h-4 w-4"}),shortcut:"⌘⇧B",group:"Tools"},{id:"9",label:"Git: Commit",icon:e.jsx(a.GitCommitHorizontal,{className:"h-4 w-4"}),group:"Git"},{id:"10",label:"Git: Push",icon:e.jsx(a.ArrowUpFromLine,{className:"h-4 w-4"}),group:"Git"}];function i(r){const[o,t]=l.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsx(s.MacOSTahoeCommandPalette,{...r,items:c,open:o,onOpenChange:t})]})}const n=()=>{const[r,o]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Command Palette",description:"Spotlight-style command palette with glass material, real-time search filtering, grouped results, keyboard navigation, and customizable trigger key.",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-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{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,{children:e.jsxs(s.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:["Or press"," ",e.jsx("kbd",{className:"rounded border border-(--macos-glass-border) px-1.5 py-0.5 text-[11px]",children:"⌘K"})," ","to toggle"]})]}),e.jsx(s.MacOSTahoeCommandPalette,{items:c,open:r,onOpenChange:o,placeholder:"Type a command or search..."})]})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{icon:e.jsx(a.Search,{className:"h-4 w-4"}),title:"Real-time Filtering",desc:"Fuzzy search across labels and groups"},{icon:e.jsx(a.Keyboard,{className:"h-4 w-4"}),title:"Keyboard Navigation",desc:"Arrow keys to move, Enter to select, Esc to close"},{icon:e.jsx(a.Layers,{className:"h-4 w-4"}),title:"Grouped Results",desc:"Items organized by category with headers"},{icon:e.jsx(a.Sparkles,{className:"h-4 w-4"}),title:"Glass Material",desc:"Prominent blur, translucent background, spatial depth"}].map(t=>e.jsxs("div",{className:"flex gap-3 rounded-lg bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm border border-(--macos-glass-border-subtle)",children:[e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-accent)",children:t.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[13px] font-medium text-(--macos-tahoe-text)",children:t.title}),e.jsx("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:t.desc})]})]},t.title))})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(s.CodeBlock,{code:`import { MacOSTahoeCommandPalette } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const c=[{id:"1",label:"New File",icon:e.jsx(a.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",group:"File"},{id:"2",label:"Open File...",icon:e.jsx(a.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",group:"File"},{id:"3",label:"Save",icon:e.jsx(a.Save,{className:"h-4 w-4"}),shortcut:"⌘S",group:"File"},{id:"4",label:"Find & Replace",icon:e.jsx(a.Search,{className:"h-4 w-4"}),shortcut:"⌘⇧F",group:"Edit"},{id:"5",label:"Toggle Sidebar",icon:e.jsx(a.PanelLeft,{className:"h-4 w-4"}),shortcut:"⌘B",group:"View"},{id:"6",label:"Toggle Dark Mode",icon:e.jsx(a.Moon,{className:"h-4 w-4"}),group:"View"},{id:"7",label:"Open Terminal",icon:e.jsx(a.Terminal,{className:"h-4 w-4"}),shortcut:"⌘`",group:"Tools"},{id:"8",label:"Run Build",icon:e.jsx(a.Play,{className:"h-4 w-4"}),shortcut:"⌘⇧B",group:"Tools"},{id:"9",label:"Git: Commit",icon:e.jsx(a.GitCommitHorizontal,{className:"h-4 w-4"}),group:"Git"},{id:"10",label:"Git: Push",icon:e.jsx(a.ArrowUpFromLine,{className:"h-4 w-4"}),group:"Git"}];function i(r){const[o,t]=l.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsx(s.MacOSTahoeCommandPalette,{...r,items:c,open:o,onOpenChange:t})]})}const n=()=>{const[r,o]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Command Palette",description:"Spotlight-style command palette with glass material, real-time search filtering, grouped results, keyboard navigation, and customizable trigger key.",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-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{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,{children:e.jsxs(s.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:["Or press"," ",e.jsx("kbd",{className:"rounded border border-(--macos-glass-border) px-1.5 py-0.5 text-[11px]",children:"⌘K"})," ","to toggle"]})]}),e.jsx(s.MacOSTahoeCommandPalette,{items:c,open:r,onOpenChange:o,placeholder:"Type a command or search..."})]})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{icon:e.jsx(a.Search,{className:"h-4 w-4"}),title:"Real-time Filtering",desc:"Fuzzy search across labels and groups"},{icon:e.jsx(a.Keyboard,{className:"h-4 w-4"}),title:"Keyboard Navigation",desc:"Arrow keys to move, Enter to select, Esc to close"},{icon:e.jsx(a.Layers,{className:"h-4 w-4"}),title:"Grouped Results",desc:"Items organized by category with headers"},{icon:e.jsx(a.Sparkles,{className:"h-4 w-4"}),title:"Glass Material",desc:"Prominent blur, translucent background, spatial depth"}].map(t=>e.jsxs("div",{className:"flex gap-3 rounded-lg bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm border border-(--macos-glass-border-subtle)",children:[e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-accent)",children:t.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[13px] font-medium text-(--macos-tahoe-text)",children:t.title}),e.jsx("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:t.desc})]})]},t.title))})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(s.CodeBlock,{code:`import { MacOSTahoeCommandPalette } from '@e-burgos/tucu-ui';
 
 const items = [
   {

package/documentation/{TahoeCommandPaletteSection-v_iOPj8C.js → TahoeCommandPaletteSection-GkW2XtA4.js}

@@ -1,6 +1,6 @@
 import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { H as h, C as l, a as r, bJ as i, c as p, P as g, A as u } from "../index-19KsCnyX.js";
+import { H as h, C as l, a as r, bJ as i, c as p, P as g, A as u } from "../index-4GONhZIF.js";
 import { Command as b, Search as m, Keyboard as N, Layers as x, Sparkles as w, FilePlus as y, FolderOpen as C, Save as P, PanelLeft as O, Moon as v, Terminal as F, Play as T, GitCommitHorizontal as f, ArrowUpFromLine as k } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{TahoeDialogSection-BoY2025y.js → TahoeDialogSection-2fnBkj9s.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function m(c){const[o,t]=r.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{...c,open:o,onClose:()=>t(!1),footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>t(!1),children:"Close"}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"Adjust the props above to see changes reflected here."})})]})}const i=()=>{const[c,o]=r.useState(!1),[t,s]=r.useState(!1),[d,l]=r.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Dialog",description:"Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",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-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(n.MessageSquare,{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(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Basic Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{open:c,onClose:()=>o(!1),title:"About This Mac",footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>o(!1),children:"OK"}),children:e.jsxs("div",{className:"space-y-3 text-(--macos-tahoe-text)",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Laptop,{className:"h-10 w-10 text-(--macos-tahoe-accent)"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:"macOS Tahoe"}),e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted)",children:"Version 26.0"})]})]}),e.jsxs("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["MacBook Pro (16-inch, 2024)",e.jsx("br",{}),"Apple M4 Max — 48 GB Memory"]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Confirmation Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>s(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Delete Item"}),e.jsx(a.MacOSTahoeDialog,{open:t,onClose:()=>s(!1),title:"Are you sure?",width:380,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>s(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"destructive",onClick:()=>s(!1),children:"Delete"})]}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"This will permanently delete the selected item. This action cannot be undone."})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Form Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>l(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Save As..."}),e.jsx(a.MacOSTahoeDialog,{open:d,onClose:()=>l(!1),title:"Save As",width:460,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>l(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>l(!1),children:"Save"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Save As:"}),e.jsx("input",{defaultValue:"Untitled",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Tags:"}),e.jsx("input",{placeholder:"Add tags...",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"File Format:"}),e.jsxs("select",{className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40",children:[e.jsx("option",{children:"Rich Text Document"}),e.jsx("option",{children:"Plain Text"}),e.jsx("option",{children:"HTML"})]})]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function m(c){const[o,t]=r.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{...c,open:o,onClose:()=>t(!1),footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>t(!1),children:"Close"}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"Adjust the props above to see changes reflected here."})})]})}const i=()=>{const[c,o]=r.useState(!1),[t,s]=r.useState(!1),[d,l]=r.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Dialog",description:"Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",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-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(n.MessageSquare,{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(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Basic Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{open:c,onClose:()=>o(!1),title:"About This Mac",footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>o(!1),children:"OK"}),children:e.jsxs("div",{className:"space-y-3 text-(--macos-tahoe-text)",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Laptop,{className:"h-10 w-10 text-(--macos-tahoe-accent)"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:"macOS Tahoe"}),e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted)",children:"Version 26.0"})]})]}),e.jsxs("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["MacBook Pro (16-inch, 2024)",e.jsx("br",{}),"Apple M4 Max — 48 GB Memory"]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Confirmation Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>s(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Delete Item"}),e.jsx(a.MacOSTahoeDialog,{open:t,onClose:()=>s(!1),title:"Are you sure?",width:380,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>s(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"destructive",onClick:()=>s(!1),children:"Delete"})]}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"This will permanently delete the selected item. This action cannot be undone."})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Form Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>l(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Save As..."}),e.jsx(a.MacOSTahoeDialog,{open:d,onClose:()=>l(!1),title:"Save As",width:460,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>l(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>l(!1),children:"Save"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Save As:"}),e.jsx("input",{defaultValue:"Untitled",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Tags:"}),e.jsx("input",{placeholder:"Add tags...",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"File Format:"}),e.jsxs("select",{className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40",children:[e.jsx("option",{children:"Rich Text Document"}),e.jsx("option",{children:"Plain Text"}),e.jsx("option",{children:"HTML"})]})]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
 
 <MacOSTahoeDialog
   open={isOpen}

package/documentation/{TahoeDialogSection-CqKQ-RDj.js → TahoeDialogSection-LTcS3rqS.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { H as b, C as c, a as n, bL as d, bM as o, c as u, P as x, A as f } from "../index-19KsCnyX.js";
+import { H as b, C as c, a as n, bL as d, bM as o, c as u, P as x, A as f } from "../index-4GONhZIF.js";
 import { MessageSquare as v, Laptop as C } from "lucide-react";
 import "react-router-dom";
 import "react-dom";