@e-burgos/tucu-ui 2.0.9 → 2.0.11

package/documentation/MacOSColorsSection-VDHMUov0.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-BaGqriuz.js"),g=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const b=[{label:"Blue",light:"#007aff",dark:"#0a84ff"},{label:"Green",light:"#34c759",dark:"#30d158"},{label:"Orange",light:"#ff9500",dark:"#ff9f0a"},{label:"Red",light:"#ff3b30",dark:"#ff453a"},{label:"Yellow",light:"#ffcc00",dark:"#ffd60a"},{label:"Purple",light:"#af52de",dark:"#bf5af2"},{label:"Pink",light:"#ff2d55",dark:"#ff375f"},{label:"Teal",light:"#5ac8fa",dark:"#64d2ff"},{label:"Indigo",light:"#5856d6",dark:"#5e5ce6"}],m=[{label:"Gray",light:"#8e8e93",dark:"#8e8e93"},{label:"Gray 2",light:"#aeaeb2",dark:"#636366"},{label:"Gray 3",light:"#c7c7cc",dark:"#48484a"},{label:"Gray 4",light:"#d1d1d6",dark:"#3a3a3c"},{label:"Gray 5",light:"#e5e5ea",dark:"#2c2c2e"},{label:"Gray 6",light:"#f2f2f7",dark:"#1c1c1e"}],s={light:[{label:"Primary",color:"rgba(0, 0, 0, 0.85)",opacity:.85,desc:"Main text"},{label:"Secondary",color:"rgba(60, 60, 67, 0.6)",opacity:.6,desc:"Subtitles"},{label:"Tertiary",color:"rgba(60, 60, 67, 0.3)",opacity:.3,desc:"Placeholders"},{label:"Quaternary",color:"rgba(60, 60, 67, 0.18)",opacity:.18,desc:"Disabled"},{label:"Quinary",color:"rgba(60, 60, 67, 0.05)",opacity:.05,desc:"Faint"}],dark:[{label:"Primary",color:"rgba(255, 255, 255, 0.85)",opacity:.85,desc:"Main text"},{label:"Secondary",color:"rgba(235, 235, 245, 0.6)",opacity:.6,desc:"Subtitles"},{label:"Tertiary",color:"rgba(235, 235, 245, 0.3)",opacity:.3,desc:"Placeholders"},{label:"Quaternary",color:"rgba(235, 235, 245, 0.18)",opacity:.18,desc:"Disabled"},{label:"Quinary",color:"rgba(235, 235, 245, 0.05)",opacity:.05,desc:"Faint"}]},t={light:[{label:"Label",value:"rgba(0, 0, 0, 0.85)"},{label:"Secondary Label",value:"rgba(60, 60, 67, 0.6)"},{label:"Tertiary Label",value:"rgba(60, 60, 67, 0.3)"},{label:"Separator",value:"rgba(60, 60, 67, 0.29)"},{label:"Window BG",value:"#ececec"},{label:"Control BG",value:"#ffffff"},{label:"Accent",value:"#007aff"},{label:"Link",value:"#0068da"}],dark:[{label:"Label",value:"rgba(255, 255, 255, 0.85)"},{label:"Secondary Label",value:"rgba(235, 235, 245, 0.6)"},{label:"Tertiary Label",value:"rgba(235, 235, 245, 0.3)"},{label:"Separator",value:"rgba(84, 84, 88, 0.65)"},{label:"Window BG",value:"#1e1e1e"},{label:"Control BG",value:"#1e1e1e"},{label:"Accent",value:"#0a84ff"},{label:"Link",value:"#419cff"}]},d=()=>{const{mode:c}=l.useTheme(),r=c==="dark",i=r?s.dark:s.light,o=r?t.dark:t.light;return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Colors",description:"macOS system color palette based on Apple HIG. All colors adapt between light and dark appearances automatically.",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-red-400 via-blue-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-red-400/50",children:e.jsx(g.Palette,{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:"Label Hierarchy",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Text labels use varying opacity levels to create visual hierarchy. Colors adapt based on the current appearance mode."}),e.jsx("div",{className:"rounded-xl p-6 border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4",children:i.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-full h-16 rounded-lg border border-gray-200 dark:border-gray-700 flex items-center justify-center",style:{backgroundColor:a.color}}),e.jsx("span",{className:"text-sm font-medium",style:{color:a.color},children:a.label}),e.jsxs("span",{className:"text-[10px] text-gray-400",children:[Math.round(a.opacity*100),"% — ",a.desc]})]},a.label))})})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"System Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["9 vibrant system colors used for accents, charts, and interactive elements. Showing ",r?"dark":"light"," mode values."]}),e.jsx("div",{className:"grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-9 gap-3",children:b.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-full h-16 rounded-xl shadow-sm",style:{backgroundColor:r?a.dark:a.light}}),e.jsx("span",{className:"text-xs font-medium text-gray-700 dark:text-gray-300",children:a.label}),e.jsx("span",{className:"text-[10px] text-gray-400 font-mono",children:r?a.dark:a.light})]},a.label))})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Gray Scale",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["6 neutral grays for backgrounds, borders, and disabled states. Showing ",r?"dark":"light"," mode values."]}),e.jsx("div",{className:"grid grid-cols-3 sm:grid-cols-6 gap-3",children:m.map(a=>e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-full h-16 rounded-xl border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?a.dark:a.light}}),e.jsx("span",{className:"text-xs font-medium text-gray-700 dark:text-gray-300",children:a.label}),e.jsx("span",{className:"text-[10px] text-gray-400 font-mono",children:r?a.dark:a.light})]},a.label))})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Semantic Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Purpose-driven tokens mapped to CSS variables. Values shown correspond to the current ",r?"dark":"light"," appearance."]}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-3",children:o.map(a=>e.jsxs("div",{className:"flex flex-col gap-2 p-3 rounded-lg border border-gray-200 dark:border-gray-700",children:[e.jsx("div",{className:"w-full h-10 rounded-md border border-gray-200 dark:border-gray-600",style:{backgroundColor:a.value}}),e.jsx("span",{className:"text-xs font-medium text-gray-700 dark:text-gray-300",children:a.label}),e.jsx("span",{className:"text-[10px] text-gray-400 font-mono break-all",children:a.value})]},a.label))})]})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Tinted Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsx(l.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"System blue applied at varying opacities creates tinted backgrounds for selections and active states."}),e.jsx("div",{className:"flex flex-wrap gap-3",children:[.05,.1,.15,.2,.3,.5].map(a=>{const n=r?`rgba(10, 132, 255, ${a})`:`rgba(0, 122, 255, ${a})`;return e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("div",{className:"w-20 h-14 rounded-lg border border-gray-200 dark:border-gray-700",style:{backgroundColor:n}}),e.jsxs("span",{className:"text-[10px] text-gray-400 font-mono",children:[Math.round(a*100),"%"]})]},a)})})]})})})]})};exports.MacOSColorsSection=d;exports.default=d;

package/documentation/MacOSMaterialsSection-DEKSWeUb.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),d=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=[{name:"UltraThin",opacity:.36,blur:15,lightBg:"rgba(246, 246, 248, 0.36)",darkBg:"rgba(28, 28, 30, 0.36)",desc:"Maximum translucency — content behind is clearly visible"},{name:"Thin",opacity:.48,blur:15,lightBg:"rgba(246, 246, 248, 0.48)",darkBg:"rgba(28, 28, 30, 0.48)",desc:"High translucency — subtle tinting of background content"},{name:"Medium",opacity:.6,blur:15,lightBg:"rgba(246, 246, 248, 0.60)",darkBg:"rgba(28, 28, 30, 0.60)",desc:"Balanced — background content is muted but perceptible"},{name:"Thick",opacity:.72,blur:15,lightBg:"rgba(246, 246, 248, 0.72)",darkBg:"rgba(40, 40, 42, 0.72)",desc:"Low translucency — subtle depth hint from background"},{name:"UltraThick",opacity:.84,blur:15,lightBg:"rgba(246, 246, 248, 0.84)",darkBg:"rgba(44, 44, 46, 0.84)",desc:"Near-opaque — minimal translucency, maximum legibility"}],l={light:[{name:"Sidebar",css:"var(--macos-material-sidebar)",blur:"20px",value:"rgba(246, 246, 248, 0.82)"},{name:"Toolbar",css:"var(--macos-material-toolbar)",blur:"16px",value:"rgba(255, 255, 255, 0.72)"},{name:"Popover",css:"var(--macos-material-popover)",blur:"24px",value:"rgba(255, 255, 255, 0.9)"},{name:"Sheet",css:"var(--macos-material-sheet)",blur:"30px",value:"rgba(255, 255, 255, 0.94)"}],dark:[{name:"Sidebar",css:"var(--macos-material-sidebar)",blur:"20px",value:"rgba(28, 28, 30, 0.85)"},{name:"Toolbar",css:"var(--macos-material-toolbar)",blur:"16px",value:"rgba(40, 40, 42, 0.8)"},{name:"Popover",css:"var(--macos-material-popover)",blur:"24px",value:"rgba(44, 44, 46, 0.92)"},{name:"Sheet",css:"var(--macos-material-sheet)",blur:"30px",value:"rgba(44, 44, 46, 0.96)"}]},n=()=>{const{mode:t}=s.useTheme(),r=t==="dark",i=r?l.dark:l.light;return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Materials",description:"macOS vibrancy materials combine translucency and blur to provide depth and context. Content behind the material informs the user of spatial hierarchy.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-white/80 via-gray-200/60 to-gray-400/40 dark:from-gray-700/80 dark:via-gray-800/60 dark:to-gray-900/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-gray-600/50 backdrop-blur-md",children:e.jsx(d.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-gray-700 dark:text-gray-200 filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Material Levels",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-6",children:"Five translucency levels from UltraThin (most transparent) to UltraThick (near-opaque). All use backdrop-filter blur for the frosted-glass effect."}),e.jsxs("div",{className:"relative rounded-xl overflow-hidden p-6",style:{background:r?"linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)":"linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100%)",minHeight:"400px"},children:[e.jsx("div",{className:"absolute inset-0 opacity-60",children:r?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-6 left-8 w-20 h-20 rounded-full bg-purple-600"}),e.jsx("div",{className:"absolute top-12 right-16 w-28 h-28 rounded-full bg-indigo-600"}),e.jsx("div",{className:"absolute bottom-6 left-1/3 w-16 h-16 rounded-full bg-blue-600"}),e.jsx("div",{className:"absolute bottom-8 right-8 w-24 h-24 rounded-full bg-violet-700"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute top-4 left-4 w-24 h-24 rounded-full bg-yellow-300"}),e.jsx("div",{className:"absolute top-16 right-12 w-32 h-32 rounded-full bg-pink-400"}),e.jsx("div",{className:"absolute bottom-8 left-1/4 w-20 h-20 rounded-full bg-green-400"}),e.jsx("div",{className:"absolute bottom-4 right-8 w-28 h-28 rounded-full bg-blue-300"})]})}),e.jsx("div",{className:"relative flex flex-col gap-4",children:o.map(a=>e.jsx("div",{className:"rounded-xl p-4 border border-white/20",style:{backgroundColor:r?a.darkBg:a.lightBg,backdropFilter:`blur(${a.blur}px)`,WebkitBackdropFilter:`blur(${a.blur}px)`},children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("span",{className:`text-sm font-semibold ${r?"text-gray-100":"text-gray-800"}`,children:a.name}),e.jsx("p",{className:`text-xs mt-0.5 ${r?"text-gray-300":"text-gray-600"}`,children:a.desc})]}),e.jsxs("div",{className:"text-right",children:[e.jsxs("span",{className:`text-xs font-mono ${r?"text-gray-400":"text-gray-600"}`,children:["opacity: ",a.opacity]}),e.jsx("br",{}),e.jsxs("span",{className:`text-xs font-mono ${r?"text-gray-400":"text-gray-600"}`,children:["blur: ",a.blur,"px"]})]})]})},a.name))})]})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Named Materials (CSS Variables)",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:["Pre-defined materials for common macOS surfaces. Each maps to a CSS custom property. Showing ",r?"dark":"light"," mode values."]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:i.map(a=>e.jsx("div",{className:"rounded-xl p-4 border border-gray-200 dark:border-gray-700",style:{background:r?"linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%)":"linear-gradient(135deg, #a8edea 0%, #fed6e3 50%, #d299c2 100%)"},children:e.jsxs("div",{className:"rounded-lg p-4 border border-white/30 dark:border-white/10",style:{backgroundColor:a.value,backdropFilter:`blur(${a.blur})`,WebkitBackdropFilter:`blur(${a.blur})`},children:[e.jsx("span",{className:`text-sm font-semibold ${r?"text-gray-100":"text-gray-800"}`,children:a.name}),e.jsxs("div",{className:"mt-2 space-y-1",children:[e.jsx("p",{className:`text-[10px] font-mono ${r?"text-gray-400":"text-gray-500"}`,children:a.css}),e.jsxs("p",{className:`text-[10px] font-mono ${r?"text-gray-400":"text-gray-500"}`,children:["blur: ",a.blur]}),e.jsx("p",{className:`text-[10px] font-mono ${r?"text-gray-400":"text-gray-500"}`,children:a.value})]})]})},a.name))})]})})})]})};exports.default=n;

package/documentation/MacOSPopoverSection-4bHoomAo.js

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");function m(a){const[n,l]=c.useState(!1);return e.jsx("div",{className:"flex justify-center py-12",children:e.jsx(o.MacOSPopover,{isOpen:n,onClose:()=>l(!1),placement:a.placement,minWidth:a.minWidth,content:e.jsxs("div",{className:"py-1",children:[e.jsx(o.MacOSPopoverItem,{label:"New File",icon:e.jsx(s.FilePlus,{className:"w-4 h-4"}),shortcut:"⌘N",onClick:()=>l(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Open",icon:e.jsx(s.FolderOpen,{className:"w-4 h-4"}),shortcut:"⌘O",onClick:()=>l(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Delete",icon:e.jsx(s.Trash2,{className:"w-4 h-4"}),destructive:!0,onClick:()=>l(!1)})]}),children:e.jsxs("button",{onClick:()=>l(!0),className:"rounded-lg border border-gray-300 dark:border-gray-600 px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:["Open Popover (",a.placement,")"]})})})}const i=()=>{const[a,n]=c.useState(null),l=r=>n(d=>d===r?null:r),t=()=>n(null);return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Popover",description:"A macOS-style popover / context menu with backdrop blur, placement options, keyboard shortcuts, destructive styling, disabled items, and animated show/hide.",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-violet-500 via-purple-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(s.MessageSquare,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Context Menu",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center pb-40",children:e.jsx(o.MacOSPopover,{isOpen:a==="context",onClose:t,placement:"bottom",content:e.jsxs("div",{className:"py-1",children:[e.jsx(o.MacOSPopoverItem,{label:"New File",icon:e.jsx(s.FilePlus,{className:"w-4 h-4"}),shortcut:"⌘N",onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Open Recent",icon:e.jsx(s.Clock,{className:"w-4 h-4"}),onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Save As…",icon:e.jsx(s.Save,{className:"w-4 h-4"}),shortcut:"⌘⇧S",onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Delete",icon:e.jsx(s.Trash2,{className:"w-4 h-4"}),destructive:!0,onClick:t})]}),children:e.jsx("button",{onClick:()=>l("context"),className:"rounded-lg border border-gray-300 dark:border-gray-600 px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:"Right-click Menu"})})})})}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Four Placements",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-2 gap-8 p-8",children:["bottom","top","right","left"].map(r=>e.jsx("div",{className:"flex justify-center",children:e.jsx(o.MacOSPopover,{isOpen:a===r,onClose:t,placement:r,content:e.jsxs("div",{className:"py-1",children:[e.jsx(o.MacOSPopoverItem,{label:"Option A",onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Option B",onClick:t})]}),children:e.jsx("button",{onClick:()=>l(r),className:"rounded-lg border border-gray-300 dark:border-gray-600 px-3 py-2 text-xs text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors capitalize",children:r})})},r))})})})}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Disabled & Destructive Items",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center pb-40",children:e.jsx(o.MacOSPopover,{isOpen:a==="disabled",onClose:t,content:e.jsxs("div",{className:"py-1",children:[e.jsx(o.MacOSPopoverItem,{label:"Available",icon:e.jsx(s.Check,{className:"w-4 h-4"}),onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Unavailable",icon:e.jsx(s.Lock,{className:"w-4 h-4"}),disabled:!0,onClick:t}),e.jsx(o.MacOSPopoverItem,{label:"Delete",destructive:!0,icon:e.jsx(s.Trash2,{className:"w-4 h-4"}),onClick:t})]}),children:e.jsx("button",{onClick:()=>l("disabled"),className:"rounded-lg border border-gray-300 dark:border-gray-600 px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",children:"Show Popover"})})})})}),e.jsx(o.PropPlayground,{componentName:"MacOSPopover",defaultValues:{placement:"bottom",minWidth:200},controlOverrides:[{name:"placement",type:"select",options:["top","bottom","left","right"],description:"Popover placement relative to trigger"},{name:"minWidth",type:"text",description:"Minimum width in pixels"}],includeProps:["placement","minWidth"],excludeProps:["className","contentClassName","isOpen","onClose","content"],children:r=>e.jsx(m,{...r})}),e.jsx(o.AutoPropsTable,{componentName:"MacOSPopover"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { MacOSPopover, MacOSPopoverItem } from '@e-burgos/tucu-ui';
-
-function ContextMenu() {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <MacOSPopover
-      isOpen={open}
-      onClose={() => setOpen(false)}
-      placement="bottom"   // 'top' | 'bottom' | 'left' | 'right'
-      minWidth={200}
-      content={
-        <div className="py-1">
-          <MacOSPopoverItem
-            label="New File"
-            icon={<FilePlusIcon />}
-            shortcut="⌘N"
-            onClick={() => setOpen(false)}
-          />
-          <MacOSPopoverItem
-            label="Delete"
-            icon={<TrashIcon />}
-            destructive
-            onClick={() => setOpen(false)}
-          />
-          <MacOSPopoverItem label="Admin Only" disabled />
-        </div>
-      }
-    >
-      <button onClick={() => setOpen(true)}>Open Menu</button>
-    </MacOSPopover>
-  );
-}`})})})})]})};exports.MacOSPopoverSection=i;exports.default=i;

package/documentation/MacOSSidebarSection-DDGdU_Wr.js

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const l=[{label:"Favorites",items:[{id:"inbox",label:"Inbox",icon:e.jsx(s.Inbox,{className:"w-4 h-4"}),badge:12},{id:"starred",label:"Starred",icon:e.jsx(s.Star,{className:"w-4 h-4"})},{id:"sent",label:"Sent",icon:e.jsx(s.Send,{className:"w-4 h-4"})}]},{label:"Folders",items:[{id:"work",label:"Work",icon:e.jsx(s.Briefcase,{className:"w-4 h-4"}),badge:3},{id:"personal",label:"Personal",icon:e.jsx(s.User,{className:"w-4 h-4"})},{id:"archive",label:"Archive",icon:e.jsx(s.Archive,{className:"w-4 h-4"}),disabled:!0}]}];function n(r){const[t,i]=d.useState(r.activeId||"inbox");return e.jsxs("div",{className:"flex h-64 rounded-xl overflow-hidden border border-gray-200 dark:border-gray-700",children:[e.jsx(a.MacSidebarCard,{sections:l,activeId:t,onSelect:i,header:e.jsx("p",{className:"text-sm font-semibold text-gray-800 dark:text-gray-100",children:"Mail"})}),e.jsxs("div",{className:"flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-500",children:["Active: ",e.jsx("span",{className:"ml-1 font-medium text-gray-800 dark:text-gray-200",children:t})]})]})}const c=()=>{const[r,t]=d.useState("inbox");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacSidebarCard",description:"A macOS-style navigation sidebar with backdrop blur, section group labels, badge counts, active-item tinting, header/footer slots, and disabled state for items.",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-slate-500 via-gray-600 to-zinc-700 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(s.PanelLeft,{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:"Interactive Sidebar",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-72 rounded-xl overflow-hidden border border-gray-200 dark:border-gray-700 shadow-sm",children:[e.jsx(a.MacSidebarCard,{sections:l,activeId:r,onSelect:t,header:e.jsx("p",{className:"text-sm font-semibold text-gray-800 dark:text-gray-100",children:"Mail"}),footer:e.jsxs("button",{className:"flex items-center gap-2 text-xs text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",children:[e.jsx(s.Settings,{className:"w-3.5 h-3.5"}),"Preferences"]})}),e.jsxs("div",{className:"flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-500",children:["Active:"," ",e.jsx("span",{className:"ml-1 font-medium text-gray-800 dark:text-gray-200",children:r})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Section Labels",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-56 rounded-xl overflow-hidden border border-gray-200 dark:border-gray-700 shadow-sm",children:[e.jsx(a.MacSidebarCard,{sections:[{items:[{id:"home",label:"Home",icon:e.jsx(s.Home,{className:"w-4 h-4"})},{id:"search",label:"Search",icon:e.jsx(s.Search,{className:"w-4 h-4"})},{id:"settings",label:"Settings",icon:e.jsx(s.Settings,{className:"w-4 h-4"})}]}],activeId:"home",onSelect:()=>{}}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-400",children:"Main content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"With Badge Counts & Disabled Items",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-64 rounded-xl overflow-hidden border border-gray-200 dark:border-gray-700 shadow-sm",children:[e.jsx(a.MacSidebarCard,{sections:[{label:"Notifications",items:[{id:"all",label:"All",icon:e.jsx(s.Bell,{className:"w-4 h-4"}),badge:42},{id:"mentions",label:"Mentions",icon:e.jsx(s.AtSign,{className:"w-4 h-4"}),badge:7},{id:"muted",label:"Muted",icon:e.jsx(s.BellOff,{className:"w-4 h-4"}),disabled:!0}]}],activeId:"all",onSelect:()=>{}}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-400",children:"Badges show count; disabled items appear muted"})]})})})}),e.jsx(a.PropPlayground,{componentName:"MacOSSidebar",defaultValues:{activeId:"inbox"},controlOverrides:[{name:"activeId",type:"select",options:["inbox","starred","sent","work","personal","archive"],description:"Currently active item ID"}],includeProps:["activeId"],excludeProps:["className","sections","onSelect","header","footer"],children:i=>e.jsx(n,{...i})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSSidebar"}),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 { MacSidebarCard } from '@e-burgos/tucu-ui';
-
-const sections = [
-  {
-    label: 'Favorites',
-    items: [
-      { id: 'inbox', label: 'Inbox', icon: <InboxIcon />, badge: 12 },
-      { id: 'starred', label: 'Starred', icon: <StarIcon /> },
-    ],
-  },
-  {
-    label: 'Folders',
-    items: [
-      { id: 'work', label: 'Work', icon: <BriefcaseIcon /> },
-      { id: 'archive', label: 'Archive', icon: <ArchiveIcon />, disabled: true },
-    ],
-  },
-];
-
-function App() {
-  const [activeId, setActiveId] = useState('inbox');
-
-  return (
-    <div className="flex h-screen">
-      <MacSidebarCard
-        sections={sections}
-        activeId={activeId}
-        onSelect={setActiveId}
-        header={<h2>Mail</h2>}
-        footer={<PreferencesButton />}
-      />
-      <main className="flex-1">Content</main>
-    </div>
-  );
-}`})})})})]})};exports.MacOSSidebarSection=c;exports.default=c;

package/documentation/MacOSTextStylesSection-DL6rw2CK.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=[{name:"Large Title",size:"26px",leading:"32px",weight:"400 (Regular)",tracking:"0",font:"SF Pro Display",cssVar:"--macos-font-size-large-title"},{name:"Title 1",size:"22px",leading:"26px",weight:"400 (Regular)",tracking:"0",font:"SF Pro Display",cssVar:"--macos-font-size-title1"},{name:"Title 2",size:"17px",leading:"22px",weight:"400 (Regular)",tracking:"0",font:"SF Pro Text",cssVar:"--macos-font-size-title2"},{name:"Title 3",size:"15px",leading:"20px",weight:"600 (Semibold)",tracking:"0",font:"SF Pro Text",cssVar:"--macos-font-size-title3"},{name:"Headline",size:"13px",leading:"16px",weight:"700 (Bold)",tracking:"0",font:"SF Pro Text",cssVar:"--macos-font-size-body"},{name:"Body",size:"13px",leading:"16px",weight:"400 (Regular)",tracking:"0",font:"SF Pro Text",cssVar:"--macos-font-size-body"},{name:"Callout",size:"12px",leading:"15px",weight:"400 (Regular)",tracking:"0",font:"SF Pro Text",cssVar:"--macos-font-size-callout"},{name:"Subheadline",size:"11px",leading:"14px",weight:"400 (Regular)",tracking:"0.006em",font:"SF Pro Text",cssVar:"--macos-font-size-subheadline"},{name:"Footnote",size:"10px",leading:"13px",weight:"400 (Regular)",tracking:"0.012em",font:"SF Pro Text",cssVar:"--macos-font-size-footnote"},{name:"Caption 1",size:"10px",leading:"13px",weight:"500 (Medium)",tracking:"0.012em",font:"SF Pro Text",cssVar:"--macos-font-size-caption"},{name:"Caption 2",size:"10px",leading:"13px",weight:"400 (Regular)",tracking:"0.012em",font:"SF Pro Text",cssVar:"--macos-font-size-caption"}];function o(s){return s.weight.includes("700")?700:s.weight.includes("600")?600:s.weight.includes("500")?500:400}function c(s){return s.font==="SF Pro Display"?"var(--macos-font-display, 'Inter', system-ui)":"var(--macos-font-family, 'Inter', system-ui)"}const l=()=>{const{mode:s}=t.useTheme(),r=s==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Text Styles",description:"The macOS type scale defines size, weight, leading, and tracking for each text style. Each style adapts to the current appearance mode.",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(i.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(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Font Family",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-start gap-3 p-4 rounded-lg bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800",children:[e.jsx(i.Info,{className:"w-5 h-5 text-blue-500 shrink-0 mt-0.5"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",className:"text-sm text-blue-800 dark:text-blue-200 font-medium",children:"Alternative Font: Inter Variable"}),e.jsxs(t.Typography,{tag:"p",className:"text-xs text-blue-700 dark:text-blue-300",children:["Apple's SF Pro is restricted by its license to Apple platforms only. To comply with this restriction, this design system uses"," ",e.jsx("strong",{children:"Inter"})," (SIL Open Font License) as the primary typeface and ",e.jsx("strong",{children:"JetBrains Mono"})," for monospaced content. Inter closely matches SF Pro's metrics, proportions, and optical sizing, making it an excellent open-source alternative that renders consistently across all platforms."]})]})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-4 mt-6",children:[e.jsxs("div",{className:"p-4 rounded-lg border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-display, 'Inter', system-ui)",color:r?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:"Inter (Display)"}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Used at ≥20pt. Replaces SF Pro Display for large headlines and titles."})]}),e.jsxs("div",{className:"p-4 rounded-lg border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",color:r?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:"Inter (Text)"}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Used at <20pt. Replaces SF Pro Text for body text and UI labels."})]}),e.jsxs("div",{className:"p-4 rounded-lg border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-mono, 'JetBrains Mono', monospace)",color:r?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:"JetBrains Mono"}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Monospaced variant. Replaces SF Mono for code, terminal output, and technical data."})]})]})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Type Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"rounded-xl p-6 border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:e.jsx("div",{className:"flex flex-col gap-4",children:n.map(a=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-6 pb-3 border-b border-gray-100 dark:border-gray-800 last:border-0",children:[e.jsx("span",{className:"shrink-0",style:{fontFamily:c(a),fontSize:a.size,lineHeight:a.leading,fontWeight:o(a),letterSpacing:a.tracking,color:r?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:a.name}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-[10px] font-mono text-gray-400",children:[e.jsx("span",{children:a.size}),e.jsxs("span",{children:["/ ",a.leading]}),e.jsx("span",{children:a.weight}),a.tracking!=="0"&&e.jsxs("span",{children:["tracking: ",a.tracking]})]})]},a.name))})})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Label Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["Text styles combine with label colors to create visual hierarchy. Showing ",r?"dark":"light"," appearance values."]}),e.jsx("div",{className:"rounded-xl p-6 border border-gray-200 dark:border-gray-700",style:{backgroundColor:r?"#1e1e1e":"#ffffff"},children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("p",{style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",fontSize:"13px",lineHeight:"16px",color:r?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:[e.jsx("span",{className:"inline-block w-20 text-[10px] font-mono opacity-50",children:"Primary"})," ","The quick brown fox jumps over the lazy dog"]}),e.jsxs("p",{style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",fontSize:"13px",lineHeight:"16px",color:r?"rgba(235, 235, 245, 0.6)":"rgba(60, 60, 67, 0.6)"},children:[e.jsx("span",{className:"inline-block w-20 text-[10px] font-mono opacity-70",children:"Secondary"})," ","The quick brown fox jumps over the lazy dog"]}),e.jsxs("p",{style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",fontSize:"13px",lineHeight:"16px",color:r?"rgba(235, 235, 245, 0.3)":"rgba(60, 60, 67, 0.3)"},children:[e.jsx("span",{className:"inline-block w-20 text-[10px] font-mono opacity-70",children:"Tertiary"})," ","The quick brown fox jumps over the lazy dog"]})]})})]})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"CSS Variables",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-200 dark:border-gray-700",children:[e.jsx("th",{className:"text-left py-2 pr-4 font-medium text-gray-500",children:"Style"}),e.jsx("th",{className:"text-left py-2 pr-4 font-medium text-gray-500",children:"CSS Variable"}),e.jsx("th",{className:"text-left py-2 pr-4 font-medium text-gray-500",children:"Size"}),e.jsx("th",{className:"text-left py-2 pr-4 font-medium text-gray-500",children:"Leading"}),e.jsx("th",{className:"text-left py-2 font-medium text-gray-500",children:"Font"})]})}),e.jsx("tbody",{children:n.map(a=>e.jsxs("tr",{className:"border-b border-gray-100 dark:border-gray-800 last:border-0",children:[e.jsx("td",{className:"py-2 pr-4 text-gray-700 dark:text-gray-300",children:a.name}),e.jsx("td",{className:"py-2 pr-4 font-mono text-gray-500",children:a.cssVar}),e.jsx("td",{className:"py-2 pr-4 font-mono text-gray-500",children:a.size}),e.jsx("td",{className:"py-2 pr-4 font-mono text-gray-500",children:a.leading}),e.jsx("td",{className:"py-2 text-gray-500",children:a.font})]},a.name))})]})})})})]})};exports.MacOSTextStylesSection=l;exports.default=l;

package/documentation/SettingsPanelSection-legHUhoT.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:l,secondaryPreset:d,accentPreset:c,direction:o,setMode:m,setIsSettingsOpen:g,isSettingsOpen:r}=s.useTheme(),x=[{icon:e.jsx(t.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Mode Switching",description:"Toggle between light and dark modes.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(t.Globe,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"RTL/LTR Direction",description:"Switch text direction for international apps.",iconBgClassName:"from-green-500 to-emerald-500"},{icon:e.jsx(t.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Layout Options",description:"Choose between Clean, Admin, and Horizontal layouts.",iconBgClassName:"from-orange-500 to-red-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Color Management",description:"Select from 34 presets for primary, secondary, accent, muted, and backgrounds.",iconBgClassName:"from-pink-500 to-rose-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Settings Panel",description:"Built-in UI for users to customize theme mode, layout, direction, and all color presets at runtime.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Settings,{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(s.Typography,{tag:"h2",className:"mb-2",children:"Panel Features"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What users can customize through the settings panel"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:x.map(i=>e.jsx(s.FeatureCard,{layout:"horizontal",...i},i.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Live Preview"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Current theme state and interactive controls"})]}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Current Settings",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-2 sm:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:n})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:l?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>m(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>g(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})})})]})]})};exports.default=h;

package/documentation/SizingSection-D9czoO1Z.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),c=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=s=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(s).trim()||""},o=()=>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:"Sizing",description:"Icon and avatar size tokens from 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-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(c.Maximize,{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("div",{className:"space-y-8",children:[e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Icon Sizes",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:["xs","s","m","l"].map(s=>{const t=`w-icon-${s}`,i=`h-icon-${s}`,l=`--size-icon-${s}`,r=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${i}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),r&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",i]})]},s)})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Avatar Sizes",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:["s","m","l","xl","xxl","xxxl"].map(s=>{const t=`w-avatar-${s}`,i=`h-avatar-${s}`,l=`--size-avatar-${s}`,r=d(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${i}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(a.Typography,{tag:"h4",className:"font-semibold",children:s}),r&&e.jsx(a.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(a.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",i]})]},s)})})})})})]})]});exports.default=o;

package/documentation/SonomaMaterialsSection-B7ttrkPV.js

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

package/documentation/TahoeLayoutContentSection-B1bj_svL.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSTahoeLayoutContent",description:"Content shell for Tahoe layouts. Wraps a Tahoe toolbar and a scrollable main area inside a Liquid Glass rounded panel with backdrop-blur border.",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-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/50",children:e.jsx(r.LayoutDashboard,{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:"With Toolbar Slots",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:e.jsx(a.MacOSTahoeLayoutContent,{toolbarLeading:e.jsxs("button",{className:"flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:[e.jsx(r.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),toolbarCenter:e.jsx("span",{className:"text-[13px] font-semibold text-gray-800 dark:text-gray-100",children:"Dashboard"}),toolbarTrailing:e.jsxs("button",{className:"flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(r.Plus,{className:"h-3.5 w-3.5"}),"New"]}),children:e.jsx("div",{className:"grid grid-cols-3 gap-4",children:["Revenue","Users","Sessions"].map(t=>e.jsxs("div",{className:"rounded-[14px] border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] bg-white/40 dark:bg-white/5 backdrop-blur-sm p-4",children:[e.jsx("p",{className:"text-xs text-gray-400 mb-1",children:t}),e.jsx("p",{className:"text-xl font-semibold text-gray-800 dark:text-gray-100",children:"—"})]},t))})})})})})}),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 { MacOSTahoeLayoutContent } from '@e-burgos/tucu-ui';
-
-function PageLayout() {
-  return (
-    <div className="flex h-screen">
-      <Sidebar />
-      <MacOSTahoeLayoutContent
-        toolbarLeading={<BackButton />}
-        toolbarCenter={<span>Dashboard</span>}
-        toolbarTrailing={<NewButton />}
-        className="my-custom-class"
-      >
-        <YourPageContent />
-      </MacOSTahoeLayoutContent>
-    </div>
-  );
-}`})})})})]});exports.TahoeLayoutContentSection=o;exports.default=o;

package/documentation/TahoeToolbarSection-B_mWA-L_.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSToolbarTahoe",description:"Tahoe-style toolbar with Liquid Glass blur, leading / center / trailing slots, optional border, and a title shorthand.",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-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(r.PanelTop,{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:"With Leading & Trailing",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{leading:e.jsxs("button",{className:"flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:[e.jsx(r.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),title:"Dashboard",trailing:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Search,{className:"h-4 w-4"})}),e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Bell,{className:"h-4 w-4"})}),e.jsxs("button",{className:"flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(r.Plus,{className:"h-3.5 w-3.5"}),"New"]})]})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Center Slot (Custom Content)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{center:e.jsxs("div",{className:"flex items-center gap-2 rounded-[10px] bg-black/5 dark:bg-white/8 px-3 py-1.5",children:[e.jsx(r.Search,{className:"h-3.5 w-3.5 text-gray-400"}),e.jsx("span",{className:"text-sm text-gray-400",children:"Search…"})]}),trailing:e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Settings,{className:"h-4 w-4"})})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Border",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{title:"No Border",bordered:!1}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),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 { MacOSToolbarTahoe } from '@e-burgos/tucu-ui';
-
-function Page() {
-  return (
-    <div className="flex flex-col h-full">
-      <MacOSToolbarTahoe
-        leading={<BackButton />}
-        title="Dashboard"
-        trailing={<NewButton />}
-        bordered
-      />
-      <main className="flex-1 overflow-auto p-6">
-        <YourContent />
-      </main>
-    </div>
-  );
-}`})})})})]});exports.TahoeToolbarSection=s;exports.default=s;

package/documentation/ThemeHooksSection-nIFp-F0q.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const a=[{icon:e.jsx(t.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useTheme",description:"Main hook — all state, setters, and actions. Zustand-based with localStorage persistence.",iconBgClassName:"from-yellow-500 via-amber-500 to-orange-500"},{icon:e.jsx(t.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useThemeColor",description:"Injects 12 CSS variables (6 light/dark pairs) into document root for real-time theming.",iconBgClassName:"from-blue-500 via-cyan-500 to-teal-500"},{icon:e.jsx(t.Globe,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"useDirection",description:"Sets document.documentElement.dir for RTL/LTR layout support.",iconBgClassName:"from-purple-500 via-violet-500 to-indigo-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Theme Hooks",description:"Powerful hooks for accessing, modifying, and reacting to theme state throughout your application.",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-yellow-500 via-amber-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Anchor,{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(s.Typography,{tag:"h2",className:"mb-2",children:"Available Hooks"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Three hooks that power the theming system"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:a.map(r=>e.jsx(s.FeatureCard,{layout:"horizontal",...r},r.title))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"useTheme Hook API"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete state, setters, and actions reference"})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"State Properties",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["Accessed via"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useTheme()"})," ","— persisted to localStorage automatically."]}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"mode, layout, direction, logo, lang"}),e.jsx("li",{children:"colorScheme (theme variant: default | macos | macos-tahoe)"}),e.jsx("li",{children:"primaryPreset, darkPrimaryPreset"}),e.jsx("li",{children:"secondaryPreset, darkSecondaryPreset"}),e.jsx("li",{children:"accentPreset, darkAccentPreset"}),e.jsx("li",{children:"mutedPreset, darkMutedPreset"}),e.jsx("li",{children:"darkBgPreset, lightBgPreset"}),e.jsx("li",{children:"lightDarkPreset, darkLightDarkPreset"}),e.jsx("li",{children:"isSettingsOpen, showSettings"})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Setters",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Each setter updates the store and persists to localStorage."}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"setMode, setLayout, setDirection"}),e.jsx("li",{children:"setPrimaryPreset, setDarkPrimaryPreset"}),e.jsx("li",{children:"setSecondaryPreset, setDarkSecondaryPreset"}),e.jsx("li",{children:"setAccentPreset, setDarkAccentPreset"}),e.jsx("li",{children:"setMutedPreset, setDarkMutedPreset"}),e.jsx("li",{children:"setDarkBgPreset, setLightBgPreset"}),e.jsx("li",{children:"setLightDarkPreset, setDarkLightDarkPreset"}),e.jsx("li",{children:"setLogo, setLang, setIsSettingsOpen"}),e.jsx("li",{children:"setShowSettings"})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Actions",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Compound actions that apply multiple state changes at once."}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"restoreDefaultColors — resets all color presets to defaults"}),e.jsx("li",{children:"applyMacOSTheme — sets layout to MACOS + Sonoma style"}),e.jsx("li",{children:"applyMacOSTahoeTheme — sets layout to MACOS_TAHOE + Tahoe style"}),e.jsx("li",{children:"applyThemeStyle(style: THEME_VARIANT) — generic applicator for any variant"})]})]})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"useThemeColor Variables",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:["12 CSS variables injected into"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"document.documentElement"}),":"]}),e.jsxs("ul",{className:"text-xs text-gray-600 dark:text-gray-400 space-y-1 ml-4 list-disc",children:[e.jsx("li",{children:"--color-semantic-bg-primary / dark variant"}),e.jsx("li",{children:"--color-semantic-bg-secondary / dark variant"}),e.jsx("li",{children:"--color-semantic-accent-bold-yellow / dark variant"}),e.jsx("li",{children:"--color-semantic-fg-muted / dark variant"}),e.jsx("li",{children:"--color-semantic-bg / dark variant"}),e.jsx("li",{children:"--color-semantic-bg-secondary-wash / dark variant"})]})]})})})]})]})]})};exports.default=i;

package/documentation/ThemeProviderRequiredSection-MqNAwToF.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(r.HeroCard,{title:"ThemeProvider Required",description:"Essential prerequisite for using the layout system and theme hooks. All layout components depend on the theme context.",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-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Shield,{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("div",{className:"text-center",children:[e.jsx(r.Typography,{tag:"h2",className:"mb-2",children:"ThemeProvider Required"}),e.jsx(r.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Essential prerequisite for using the layout system and theme hooks"})]}),e.jsx(r.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(t.AlertTriangle,{className:"h-4 w-4"}),"ThemeProvider Required"]}),e.jsxs("div",{children:["Before using any layout components or theme hooks, you MUST wrap your application with ThemeProvider. All layout components and theme hooks depend on the theme context provided by ThemeProvider. Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider"}),"."]})]})}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Routing System",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"ThemeProvider"})," includes"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-700 rounded text-xs",children:"BrowserRouter"})," ","from React Router and handles routing automatically. You have two options:"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"1. Automatic Routing (Default)"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"menuItems"})," with ",e.jsx("code",{children:"component"})," ","prop. ThemeProvider will automatically generate routes from your menu items."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You want routing based on menu items. Each menu item with a ",e.jsx("code",{children:"component"})," prop becomes a route."]})]}),e.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold mb-2",children:"2. Custom Routing"}),e.jsxs(r.Typography,{tag:"p",className:"text-sm text-gray-700 dark:text-gray-300 mb-2",children:["Provide ",e.jsx("code",{children:"customRoutes"})," prop with your own"," ",e.jsx("code",{children:"<Routes>"})," component. This gives you full control over routing."]}),e.jsxs(r.Typography,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("strong",{children:"Use when:"})," You need custom routing logic, landing pages without navigation, or complex routing scenarios."]})]})]})]})})})]});exports.default=s;

package/documentation/ThemeProviderSection-FaRMSgB9.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const o=[{key:"prop",label:"Prop"},{key:"type",label:"Type"},{key:"default",label:"Default"},{key:"description",label:"Description"}],s=[{prop:"menuItems",type:"IMenuItem[]",default:"Required",description:"Navigation menu items"},{prop:"themeStyle",type:"'default' | 'macos' | 'macos-tahoe'",default:"'default'",description:"Visual theme variant — constrains available layouts"},{prop:"layout",type:"LAYOUT_OPTIONS",default:"HORIZONTAL",description:"Layout type (constrained by themeStyle)"},{prop:"mode",type:"'light' | 'dark'",default:"'dark'",description:"Color mode"},{prop:"showSettings",type:"boolean",default:"false",description:"Show theme settings drawer button"},{prop:"customPaletteColor",type:"object",default:"-",description:"Custom color palette with 12 color slots (primary, darkPrimary, secondary, etc.)"},{prop:"logo",type:"LogoType",default:"{ path: '/', name: '' }",description:"Logo configuration object with path and name"},{prop:"brandColor",type:"PresetColorType",default:"-",description:"Brand color preset name"},{prop:"headerClassName",type:"string",default:"-",description:"Custom CSS classes for header"},{prop:"contentClassName",type:"string",default:"-",description:"Custom CSS classes for content area"},{prop:"fullWidth",type:"boolean",default:"false",description:"Enable full width layout"},{prop:"rightButton",type:"ReactNode",default:"-",description:"Custom button component for header right area"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for root layout"},{prop:"setCurrentPathname",type:"(pathname: string) => void",default:"-",description:"Callback invoked on route change with current pathname"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"ThemeProvider Component",description:"The root component that wraps your application, manages all theme state, handles routing, and applies color configurations.",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(i.Component,{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:"Props Reference"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Complete list of ThemeProvider configuration props"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"ThemeProvider Props",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(t.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Located in"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"ui/tucu-ui/src/themes/components/theme-provider/"})]}),e.jsx(t.BasicTable,{columns:o.map(r=>({...r,render:a=>r.key==="prop"?e.jsx("code",{className:"text-xs text-brand",children:String(a??"")}):r.key==="type"||r.key==="default"?e.jsx("code",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):r.key==="description"?e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")}):String(a??"")})),data:s,containerClassName:"mb-4"})]})})})]})]})};exports.default=n;

package/documentation/TypographySection-Co79YcZL.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../index-BaGqriuz.js"),o=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=()=>{const l=[{tag:"headline",label:"Headline",category:"Tucu UI Tokens"},{tag:"body",label:"Body",category:"Tucu UI Tokens"},{tag:"label-1",label:"Label 1",category:"Tucu UI Tokens"},{tag:"label-2",label:"Label 2",category:"Tucu UI Tokens"},{tag:"caption",label:"Caption",category:"Tucu UI Tokens"},{tag:"legal",label:"Legal",category:"Tucu UI Tokens"},{tag:"h1",label:"Heading 1 (h1)",category:"HTML Tags"},{tag:"h2",label:"Heading 2 (h2)",category:"HTML Tags"},{tag:"h3",label:"Heading 3 (h3)",category:"HTML Tags"},{tag:"h4",label:"Heading 4 (h4)",category:"HTML Tags"},{tag:"h5",label:"Heading 5 (h5)",category:"HTML Tags"},{tag:"h6",label:"Heading 6 (h6)",category:"HTML Tags"},{tag:"p",label:"Paragraph (p)",category:"HTML Tags"},{tag:"i",label:"Italic (i)",category:"HTML Tags"},{tag:"b",label:"Bold (b)",category:"HTML Tags"},{tag:"strong",label:"Strong",category:"HTML Tags"},{tag:"em",label:"Emphasis (em)",category:"HTML Tags"},{tag:"small",label:"Small",category:"HTML Tags"},{tag:"q",label:"Quote (q)",category:"HTML Tags"},{tag:"blockquote",label:"Blockquote",category:"HTML Tags"},{tag:"code",label:"Code",category:"HTML Tags"},{tag:"pre",label:"Preformatted (pre)",category:"HTML Tags"},{tag:"kbd",label:"Keyboard (kbd)",category:"HTML Tags"},{tag:"mark",label:"Mark",category:"HTML Tags"},{tag:"del",label:"Deleted (del)",category:"HTML Tags"},{tag:"sub",label:"Subscript (sub)",category:"HTML Tags"},{tag:"sup",label:"Superscript (sup)",category:"HTML Tags"},{tag:"abbr",label:"Abbreviation (abbr)",category:"HTML Tags"},{tag:"span",label:"Span",category:"HTML Tags"}],s=[{value:"default",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"dark",label:"Dark"},{value:"light",label:"Light"},{value:"muted",label:"Muted"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],t=[{value:"default",label:"Default (Sans)"},{value:"mono",label:"Mono"}];return a.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:[a.jsx(r.HeroCard,{title:"Typography",description:"Typography component with all available tags, colors, and font families.",icon:a.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-sky-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(o.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx(r.CardContainer,{className:"overflow-hidden",children:a.jsx(r.CardTitle,{title:"Tucu UI Tokens - Type Scale",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Hierarchical typography tokens designed for consistent text styling across the design system."}),a.jsx("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-6 bg-light-dark",children:a.jsx("div",{className:"space-y-6",children:l.filter(e=>e.category==="Tucu UI Tokens").map(e=>a.jsxs("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-4 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-0 last:pb-0",children:[a.jsxs("div",{className:"flex-1 space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(r.Typography,{tag:e.tag,children:e.label}),a.jsx(r.Badge,{variant:"outline",className:"text-xs font-mono",children:e.tag})]}),a.jsxs(r.Typography,{tag:"caption",className:"text-muted",children:[e.tag==="headline"&&"Main headlines and hero text",e.tag==="body"&&"Primary body text and paragraphs",e.tag==="label-1"&&"Primary labels and form fields",e.tag==="label-2"&&"Secondary labels and smaller text",e.tag==="caption"&&"Image captions and metadata",e.tag==="legal"&&"Legal text, disclaimers, and fine print"]})]}),a.jsx("div",{className:"md:w-1/2",children:a.jsxs(r.Typography,{tag:e.tag,children:[e.tag==="headline"&&"The quick brown fox jumps over the lazy dog",e.tag==="body"&&"The quick brown fox jumps over the lazy dog. This is body text used for paragraphs and main content.",e.tag==="label-1"&&"Label Text",e.tag==="label-2"&&"Small Label",e.tag==="caption"&&"Image caption or supporting text",e.tag==="legal"&&"Legal disclaimer text"]})})]},e.tag))})})]})})}),a.jsx(r.CardContainer,{className:"overflow-hidden",children:a.jsx(r.CardTitle,{title:"HTML Tags",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Standard HTML semantic tags with Tucu UI styling."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:l.filter(e=>e.category==="HTML Tags").map(e=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(r.Typography,{tag:"h4",children:e.label}),a.jsxs(r.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['tag="',e.tag,'"']})]}),a.jsx("div",{className:"min-h-[60px] flex items-start overflow-hidden",children:a.jsx(r.Typography,{className:e.tag==="pre"||e.tag==="code"?"overflow-wrap-anywhere whitespace-pre-wrap w-full":"overflow-wrap-anywhere",tag:e.tag,...e.tag==="abbr"&&{title:"Abbreviation example"},children:e.tag==="pre"||e.tag==="code"?'const example = "The quick brown fox jumps over the lazy dog";':"The quick brown fox jumps over the lazy dog"})})]},e.tag))})]})})}),a.jsx(r.CardContainer,{className:"overflow-hidden",children:a.jsx(r.CardTitle,{title:"Typography Colors",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available color props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:s.map(e=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(r.Typography,{tag:"h4",children:e.label}),a.jsxs(r.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['color="',e.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(r.Typography,{tag:"p",color:e.value,children:"The quick brown fox jumps over the lazy dog"})})]},e.value))})]})})}),a.jsx(r.CardContainer,{className:"overflow-hidden",children:a.jsx(r.CardTitle,{title:"Typography Font Families",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Available fontFamily props for the Typography component."}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:t.map(e=>a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx(r.Typography,{tag:"h4",children:e.label}),a.jsxs(r.Typography,{tag:"h4",className:"text-muted break-all text-xs",children:['fontFamily="',e.value,'"']})]}),a.jsx("div",{className:"min-h-[40px] flex items-center",children:a.jsx(r.Typography,{tag:"p",fontFamily:e.value,children:"The quick brown fox jumps over the lazy dog"})})]},e.value))})]})})}),a.jsx(r.CardContainer,{className:"overflow-hidden",children:a.jsx(r.CardTitle,{title:"Combined Examples",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[a.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Examples combining tags, colors, and font families."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"Headline + Primary + Mono"}),a.jsx(r.Typography,{tag:"headline",color:"primary",fontFamily:"mono",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"Body + Success"}),a.jsx(r.Typography,{tag:"body",color:"success",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"Label 1 + Warning"}),a.jsx(r.Typography,{tag:"label-1",color:"warning",children:"The quick brown fox"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"Code + Error + Mono"}),a.jsx(r.Typography,{tag:"code",color:"error",fontFamily:"mono",children:'const example = "Hello World";'})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"Caption + Muted"}),a.jsx(r.Typography,{tag:"caption",color:"muted",children:"The quick brown fox jumps over the lazy dog"})]}),a.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[a.jsx(r.Typography,{tag:"h4",className:"text-xs text-muted",children:"H2 + Secondary"}),a.jsx(r.Typography,{tag:"h2",color:"secondary",children:"The quick brown fox"})]})]})]})})})]})};exports.default=d;