@e-burgos/tucu-ui 2.0.9 → 2.0.10

package/documentation/{SonomaShapesSection-C17AoE2N.js → SonomaShapesSection-BhLTcP3w.js}

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.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-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),
 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-gray-100 dark:border-gray-800",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-gray-100 dark:border-gray-800",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 {
+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 {
   transition: transform var(--macos-transition-normal),
               opacity  var(--macos-transition-fast);
   border-radius: var(--macos-radius-popover);

package/documentation/{SonomaShapesSection-OlLezJRJ.js → SonomaShapesSection-C8Pf87LY.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-lfg6LZ1p.js";
+import { ay as m, H as p, C as t, a as o, T as n } from "../index-19KsCnyX.js";
 import { Shapes as x } from "lucide-react";
 import "react-router-dom";
 import "react";
@@ -394,7 +394,7 @@ const g = [
       /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: b.map((a) => /* @__PURE__ */ s(
         "div",
         {
-          className: "flex items-start gap-3 p-3 rounded-xl border border-gray-100 dark:border-gray-800",
+          className: "flex items-start gap-3 p-3 rounded-xl border border-[var(--color-border)]",
           children: [
             /* @__PURE__ */ e(
               "div",
@@ -435,7 +435,7 @@ const g = [
       /* @__PURE__ */ e("div", { className: "space-y-4", children: f.map((a) => /* @__PURE__ */ s(
         "div",
         {
-          className: "p-4 rounded-xl border border-gray-100 dark:border-gray-800",
+          className: "p-4 rounded-xl border border-[var(--color-border)]",
           children: [
             /* @__PURE__ */ s("div", { className: "flex items-center justify-between mb-2", children: [
               /* @__PURE__ */ e("span", { className: "font-semibold text-sm", children: a.name }),

package/documentation/{SonomaTypographySection-BXzAkRPA.js → SonomaTypographySection-COUn6t7v.js}

@@ -1,10 +1,10 @@
-import { jsxs as s, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { ay as m, H as d, C as t, a as i, T as l } from "../index-lfg6LZ1p.js";
-import { Type as g } from "lucide-react";
+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 { Type as h } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const c = [
+const n = [
   {
     name: "Large Title",
     className: "macos-large-title",
@@ -159,7 +159,7 @@ const c = [
     weightLabel: "Medium",
     sample: "NETWORK · ETHERNET"
   }
-], p = [
+], x = [
   {
     name: "Inter (Primary)",
     cssVar: "--macos-font-family",
@@ -178,15 +178,15 @@ const c = [
     stack: "JetBrains Mono, SF Mono, SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace",
     usage: "Code snippets, terminal, monospace data"
   }
-], u = () => {
-  const { mode: r } = m(), n = r === "dark";
-  return /* @__PURE__ */ s(o, { children: [
+], N = () => {
+  const { mode: r } = d(), o = r === "dark";
+  return /* @__PURE__ */ s(m, { children: [
     /* @__PURE__ */ e(
-      d,
+      g,
       {
         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: /* @__PURE__ */ e("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: /* @__PURE__ */ e(g, { 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" }) })
+        icon: /* @__PURE__ */ e("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: /* @__PURE__ */ e(h, { 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" }) })
       }
     ),
     /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Font Families", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-6", children: [
@@ -209,10 +209,10 @@ const c = [
           ]
         }
       ),
-      /* @__PURE__ */ e("div", { className: "space-y-4", children: p.map((a) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "space-y-4", children: x.map((a) => /* @__PURE__ */ s(
         "div",
         {
-          className: "p-4 rounded-xl border border-gray-200 dark:border-gray-700",
+          className: "p-4 rounded-xl border border-border",
           children: [
             /* @__PURE__ */ s("div", { className: "flex flex-wrap items-start justify-between gap-2 mb-2", children: [
               /* @__PURE__ */ s("div", { children: [
@@ -252,10 +252,10 @@ const c = [
           ]
         }
       ),
-      /* @__PURE__ */ e("div", { className: "space-y-3", children: c.map((a) => /* @__PURE__ */ s(
+      /* @__PURE__ */ e("div", { className: "space-y-3", children: n.map((a) => /* @__PURE__ */ s(
         "div",
         {
-          className: "flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-4 p-3 rounded-xl border border-gray-100 dark:border-gray-800",
+          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: [
             /* @__PURE__ */ s("div", { className: "sm:w-40 shrink-0", children: [
               /* @__PURE__ */ e("span", { className: "text-[10px] font-medium text-gray-400 uppercase tracking-widest", children: a.name }),
@@ -270,7 +270,7 @@ const c = [
               {
                 className: a.className,
                 style: {
-                  color: n ? "var(--macos-label, rgba(255,255,255,0.92))" : "var(--macos-label, rgba(0,0,0,0.88))",
+                  color: o ? "var(--macos-label, rgba(255,255,255,0.92))" : "var(--macos-label, rgba(0,0,0,0.88))",
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
@@ -292,7 +292,7 @@ const c = [
         a.name
       )) })
     ] }) }) }),
-    /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "CSS Token Reference", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-6 overflow-x-auto", children: [
+    /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "CSS Token Reference", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-6", children: [
       /* @__PURE__ */ e(
         l,
         {
@@ -301,37 +301,38 @@ const c = [
           children: "Full token reference for all 11 text styles."
         }
       ),
-      /* @__PURE__ */ s("table", { className: "w-full text-xs", children: [
-        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-gray-200 dark:border-gray-700", children: ["Style", "Size", "Weight", "Leading", "Tracking"].map(
-          (a) => /* @__PURE__ */ e(
-            "th",
+      /* @__PURE__ */ e(
+        p,
+        {
+          columns: [
+            { key: "name", label: "Style" },
             {
-              className: "text-left pb-2 pr-4 font-semibold text-gray-500 dark:text-gray-400",
-              children: a
+              key: "size",
+              label: "Size",
+              className: "font-mono text-gray-500"
             },
-            a
-          )
-        ) }) }),
-        /* @__PURE__ */ e("tbody", { children: c.map((a) => /* @__PURE__ */ s(
-          "tr",
-          {
-            className: "border-b border-gray-100 dark:border-gray-800",
-            children: [
-              /* @__PURE__ */ e("td", { className: "py-2 pr-4 font-medium", children: a.name }),
-              /* @__PURE__ */ e("td", { className: "py-2 pr-4 font-mono text-gray-500", children: a.size }),
-              /* @__PURE__ */ s("td", { className: "py-2 pr-4 text-gray-500", children: [
-                a.weightLabel,
-                " (",
-                a.weight,
-                ")"
-              ] }),
-              /* @__PURE__ */ e("td", { className: "py-2 pr-4 font-mono text-gray-500", children: a.leading }),
-              /* @__PURE__ */ e("td", { className: "py-2 font-mono text-gray-500", children: a.tracking })
-            ]
-          },
-          a.name
-        )) })
-      ] })
+            {
+              key: "weight",
+              label: "Weight",
+              className: "text-gray-500",
+              render: (a, c) => `${c.weightLabel} (${c.weight})`
+            },
+            {
+              key: "leading",
+              label: "Leading",
+              className: "font-mono text-gray-500"
+            },
+            {
+              key: "tracking",
+              label: "Tracking",
+              className: "font-mono text-gray-500"
+            }
+          ],
+          data: n,
+          maxRows: 15,
+          resizable: !1
+        }
+      )
     ] }) }) }),
     /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "OpenType & Rendering", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "w-full p-4 sm:p-6", children: [
       /* @__PURE__ */ s(
@@ -371,7 +372,7 @@ const c = [
       ].map((a) => /* @__PURE__ */ s(
         "div",
         {
-          className: "p-3 rounded-xl border border-gray-200 dark:border-gray-700",
+          className: "p-3 rounded-xl border border-border",
           children: [
             /* @__PURE__ */ e("code", { className: "text-[10px] font-mono text-blue-500 dark:text-blue-400", children: a.label }),
             /* @__PURE__ */ e("code", { className: "block text-[10px] font-mono text-gray-500 mt-0.5", children: a.value }),
@@ -384,5 +385,5 @@ const c = [
   ] });
 };
 export {
-  u as default
+  N as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{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"}],c=[{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"}],n=()=>{const{mode:i}=s.useTheme(),l=i==="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(r.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:c.map(a=>e.jsxs("div",{className:"p-4 rounded-xl border border-gray-200 dark:border-gray-700",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:t.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-gray-100 dark:border-gray-800",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:l?"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 overflow-x-auto",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.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsx("tr",{className:"border-b border-gray-200 dark:border-gray-700",children:["Style","Size","Weight","Leading","Tracking"].map(a=>e.jsx("th",{className:"text-left pb-2 pr-4 font-semibold text-gray-500 dark:text-gray-400",children:a},a))})}),e.jsx("tbody",{children:t.map(a=>e.jsxs("tr",{className:"border-b border-gray-100 dark:border-gray-800",children:[e.jsx("td",{className:"py-2 pr-4 font-medium",children:a.name}),e.jsx("td",{className:"py-2 pr-4 font-mono text-gray-500",children:a.size}),e.jsxs("td",{className:"py-2 pr-4 text-gray-500",children:[a.weightLabel," (",a.weight,")"]}),e.jsx("td",{className:"py-2 pr-4 font-mono text-gray-500",children:a.leading}),e.jsx("td",{className:"py-2 font-mono text-gray-500",children:a.tracking})]},a.name))})]})]})})}),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-gray-200 dark:border-gray-700",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=n;
+"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;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-BaGqriuz.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const u=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).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(l.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(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.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(a=>{const s=`--spacing-${a.key}`,r=u(s),i=`p-${a.value}, m-${a.value}, gap-${a.value}`,d=a.value.toString();return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:d}),r&&e.jsx(l.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(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:i})]},a.key)})})})})})]})};exports.default=c;
+"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;

package/documentation/{SpacingSystemSection-rDylj_Un.js → SpacingSystemSection-BqrzSpri.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-lfg6LZ1p.js";
+import { H as m, C as o, a as c, T as s } from "../index-19KsCnyX.js";
 import { Ruler as u } from "lucide-react";
 import "react-router-dom";
 import "react";
@@ -44,7 +44,7 @@ const p = (i) => {
     return /* @__PURE__ */ r(
       "div",
       {
-        className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",
+        className: "border border-border rounded-lg p-4 space-y-3",
         children: [
           /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ e(s, { tag: "h4", className: "font-semibold", children: n }),

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-BaGqriuz.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-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
           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-BTEupT8d.js → SpinnerSection-yr2tRAM5.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-lfg6LZ1p.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-19KsCnyX.js";
 import { RefreshCw as p } from "lucide-react";
 import "react-router-dom";
 import "react";

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.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-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'> {
   component: React.JSX.Element;    // Component to render
   isPublic?: boolean;              // If true, accessible without authentication
   enableNestedRoutes?: boolean;    // Adds /* to path for nested routing
@@ -68,4 +68,4 @@ function StandaloneApp() {
       }
     />
   );
-}`,i=[{icon:e.jsx(a.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auto Route Generation",description:"Routes created automatically from menuItems. No manual setup required.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Routes",description:"Unlimited nesting with dropdownItems converted to dropdown menus.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Minimize2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Simple Configuration",description:"Minimal setup — define menu items and the system handles the rest.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(a.AppWindow,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Perfect for SPAs",description:"Ideal for traditional single-page applications without MFE complexity.",iconBgClassName:"from-orange-500 to-amber-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Standalone App",description:"The default architectural pattern for traditional SPAs. Routes are automatically generated from menuItems configuration with sidebar navigation.",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(a.Package,{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(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe interface for defining standalone routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:o})})}),e.jsx(t.Alert,{variant:"info",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.Info,{className:"w-4 h-4 inline mr-2"}),"The Standalone pattern is the default. You don't need to specify ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"}),". Simply provide ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," and routes will be generated."]})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Basic Usage"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Simple standalone app with nested routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider with menuItems",children:e.jsx(t.CodeBlock,{language:"tsx",code:n})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Custom Routes Override"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Override default routing with customRoutes prop"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Custom Routing",children:e.jsx(t.CodeBlock,{language:"tsx",code:r})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Key Features"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Benefits of the Standalone pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:i.map(s=>e.jsx(t.FeatureCard,{layout:"vertical",...s},s.title))})]})]})};exports.default=d;
+}`,i=[{icon:e.jsx(a.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auto Route Generation",description:"Routes created automatically from menuItems. No manual setup required.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Layers3,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Nested Routes",description:"Unlimited nesting with dropdownItems converted to dropdown menus.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Minimize2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Simple Configuration",description:"Minimal setup — define menu items and the system handles the rest.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(a.AppWindow,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Perfect for SPAs",description:"Ideal for traditional single-page applications without MFE complexity.",iconBgClassName:"from-orange-500 to-amber-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Standalone App",description:"The default architectural pattern for traditional SPAs. Routes are automatically generated from menuItems configuration with sidebar navigation.",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(a.Package,{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(t.Typography,{tag:"h2",className:"mb-2",children:"StandaloneAppRoutesMenuItem"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Type-safe interface for defining standalone routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:o})})}),e.jsx(t.Alert,{variant:"info",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.Info,{className:"w-4 h-4 inline mr-2"}),"The Standalone pattern is the default. You don't need to specify"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"architecturalPatterns"}),". Simply provide"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"menuItems"})," ","and routes will be generated."]})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Basic Usage"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Simple standalone app with nested routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider with menuItems",children:e.jsx(t.CodeBlock,{language:"tsx",code:n})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Custom Routes Override"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Override default routing with customRoutes prop"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Custom Routing",children:e.jsx(t.CodeBlock,{language:"tsx",code:r})})})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(t.Typography,{tag:"h2",className:"mb-2",children:"Key Features"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Benefits of the Standalone pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:i.map(s=>e.jsx(t.FeatureCard,{layout:"vertical",...s},s.title))})]})]})};exports.default=d;

package/documentation/{StandaloneAppSection-uFMN1K6i.js → StandaloneAppSection-DCFC1XZR.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-lfg6LZ1p.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-19KsCnyX.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";
@@ -33,11 +33,14 @@ const C = () => /* @__PURE__ */ t(i, { children: [
 }` }) }) }),
     /* @__PURE__ */ e(l, { variant: "info", dismissible: !1, children: /* @__PURE__ */ t(a, { tag: "p", className: "text-sm", children: [
       /* @__PURE__ */ e(u, { className: "w-4 h-4 inline mr-2" }),
-      "The Standalone pattern is the default. You don't need to specify ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "architecturalPatterns" }),
-      ". Simply provide ",
-      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs", children: "menuItems" }),
-      " and routes will be generated."
+      "The Standalone pattern is the default. You don't need to specify",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "architecturalPatterns" }),
+      ". Simply provide",
+      " ",
+      /* @__PURE__ */ e("code", { className: "px-1 py-0.5 border border-border rounded text-xs", children: "menuItems" }),
+      " ",
+      "and routes will be generated."
     ] }) })
   ] }),
   /* @__PURE__ */ t("section", { className: "space-y-8", children: [

package/documentation/{StepperSection-BWUQ_trS.js → StepperSection-B1XhYQK-.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-BaGqriuz.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-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
           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-BgQQn9Q3.js → StepperSection-By_Ml_tV.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-lfg6LZ1p.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-19KsCnyX.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-CQo06YWs.js → SwitchSection-BUQdc358.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-lfg6LZ1p.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-19KsCnyX.js";
 import { ToggleLeft as S } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{SwitchSection-D-6X3w3o.js → SwitchSection-C85IWY-t.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-BaGqriuz.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-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';
 
 <Switch
   label="Enable notifications"

package/documentation/{SystemOverviewSection-Bc602IQG.js → SystemOverviewSection-C1qBmPHN.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-lfg6LZ1p.js";
+import { H as o, T as i, ax as s } from "../index-19KsCnyX.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/{SystemOverviewSection-BNhzrT6U.js → SystemOverviewSection-rljSEGcG.js}

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

package/documentation/{TabModalSection-D7XCTFKs.js → TabModalSection-Dv5x_sEQ.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-BaGqriuz.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-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,
           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/{TabModalSection-dg7LGi0f.js → TabModalSection-IuUO4qiP.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-lfg6LZ1p.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-19KsCnyX.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/{TabSection-DnD_Te-M.js → TabSection-Caok23rW.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-lfg6LZ1p.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-19KsCnyX.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";