@e-burgos/tucu-ui 2.0.11 → 2.1.0

package/documentation/{MFESupportSection-Cnqx9zly.js → MFESupportSection-CCPKOHHI.js}

@@ -1,10 +1,10 @@
 import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as l, T as a, C as i, a as r, c as o, aj as c, ax as d } from "../index-4GONhZIF.js";
+import { H as l, T as a, C as i, a as r, c as o, aj as c, ax as d } from "../index-sdOMz8GW.js";
 import { Box as p, AlertTriangle as m, Settings as u, Split as h, Lock as g, Rocket as f } from "lucide-react";
 import "react-router-dom";
 import "react";
 import "react-dom";
-const M = () => /* @__PURE__ */ t(n, { children: [
+const T = () => /* @__PURE__ */ t(n, { children: [
   /* @__PURE__ */ e(
     l,
     {
@@ -25,7 +25,7 @@ const M = () => /* @__PURE__ */ t(n, { children: [
         }
       )
     ] }),
-    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { title: "Interface Definition", children: /* @__PURE__ */ e(o, { language: "typescript", code: `import { RouteProps } from 'react-router-dom';
+    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(r, { title: "Interface Definition", children: /* @__PURE__ */ e(o, { language: "TS", code: `import { RouteProps } from 'react-router-dom';
 
 // Extends React Router's RouteProps (provides path, element, index, etc.)
 type IAppRouteConfig = RouteProps & {
@@ -218,5 +218,5 @@ function MfeApp() {
   ] })
 ] });
 export {
-  M as default
+  T as default
 };

package/documentation/{MFESupportSection-Y46AZL5B.js → MFESupportSection-goPWJiZ2.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const r=`import { RouteProps } from 'react-router-dom';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const r=`import { RouteProps } from 'react-router-dom';
 
 // Extends React Router's RouteProps (provides path, element, index, etc.)
 type IAppRouteConfig = RouteProps & {
@@ -94,4 +94,4 @@ function MfeApp() {
   menuItems={[...]}  // Error: not allowed in MFE mode
   basePath="/app"
   appRoutesConfig={routes}
-/>`,l=[{icon:e.jsx(a.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Explicit Route Config",description:"Full control over each route via appRoutesConfig with access control.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Split,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Route Isolation",description:"Each MFE has its own basePath ensuring complete route isolation.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Lock,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auth Integration",description:"Built-in public/private routes with isAuthenticated and loginUrl.",iconBgClassName:"from-red-500 to-rose-500"},{icon:e.jsx(a.Rocket,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Independent Deploy",description:"Each app can be developed, built, and deployed independently.",iconBgClassName:"from-green-500 to-emerald-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Micro Frontends (MFE)",description:"Designed for distributed architectures where multiple applications are deployed independently. Uses explicit route configuration with appRoutesConfig, basePath, and built-in authentication.",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-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Box,{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:"IAppRouteConfig Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Extends React Router's RouteProps with access control"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"typescript",code:r})})}),e.jsx(t.Alert,{variant:"warning",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.AlertTriangle,{className:"w-4 h-4 inline mr-2"}),"MFE mode requires"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"isAuthenticated"})," ","(boolean) and"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"loginUrl"})," ","(string) as mandatory props. TypeScript enforces this at compile time."]})})]}),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:"Minimal MFE setup with authentication"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"MFE ThemeProvider",children:e.jsx(t.CodeBlock,{language:"tsx",code:s})})})]}),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:"Advanced: Public/Private Routes"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentication handling with disabled routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Advanced Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:o})})})]}),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:"Type Safety"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"TypeScript enforces correct prop combinations"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Compile-Time Validation",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:"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 MFE architectural pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:l.map(i=>e.jsx(t.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=c;
+/>`,l=[{icon:e.jsx(a.Settings,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Explicit Route Config",description:"Full control over each route via appRoutesConfig with access control.",iconBgClassName:"from-purple-500 to-indigo-500"},{icon:e.jsx(a.Split,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Route Isolation",description:"Each MFE has its own basePath ensuring complete route isolation.",iconBgClassName:"from-blue-500 to-cyan-500"},{icon:e.jsx(a.Lock,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Auth Integration",description:"Built-in public/private routes with isAuthenticated and loginUrl.",iconBgClassName:"from-red-500 to-rose-500"},{icon:e.jsx(a.Rocket,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Independent Deploy",description:"Each app can be developed, built, and deployed independently.",iconBgClassName:"from-green-500 to-emerald-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Micro Frontends (MFE)",description:"Designed for distributed architectures where multiple applications are deployed independently. Uses explicit route configuration with appRoutesConfig, basePath, and built-in authentication.",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-indigo-500 to-blue-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Box,{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:"IAppRouteConfig Interface"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Extends React Router's RouteProps with access control"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interface Definition",children:e.jsx(t.CodeBlock,{language:"TS",code:r})})}),e.jsx(t.Alert,{variant:"warning",dismissible:!1,children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx(a.AlertTriangle,{className:"w-4 h-4 inline mr-2"}),"MFE mode requires"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"isAuthenticated"})," ","(boolean) and"," ",e.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"loginUrl"})," ","(string) as mandatory props. TypeScript enforces this at compile time."]})})]}),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:"Minimal MFE setup with authentication"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"MFE ThemeProvider",children:e.jsx(t.CodeBlock,{language:"tsx",code:s})})})]}),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:"Advanced: Public/Private Routes"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentication handling with disabled routes"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Advanced Configuration",children:e.jsx(t.CodeBlock,{language:"tsx",code:o})})})]}),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:"Type Safety"}),e.jsx(t.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"TypeScript enforces correct prop combinations"})]}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Compile-Time Validation",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:"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 MFE architectural pattern"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6",children:l.map(i=>e.jsx(t.FeatureCard,{layout:"vertical",...i},i.title))})]})]})};exports.default=c;

package/documentation/{MacOSBackgroundsSection-Dj11FbQr.js → MacOSBackgroundsSection-DmQN4D1v.js}

@@ -1,5 +1,5 @@
 import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
-import { ay as m, H as p, C as s, a as d, T as l, az as o, aA as i, y as g } from "../index-4GONhZIF.js";
+import { ay as m, H as p, C as s, a as d, T as l, az as o, aA as i, y as g } from "../index-sdOMz8GW.js";
 import { Image as b } from "lucide-react";
 import "react-router-dom";
 import "react";

package/documentation/{MacOSBackgroundsSection-BZX6uCBD.js → MacOSBackgroundsSection-eovVlV69.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=[{id:"base",name:"Base",desc:"CSS-only spatial gradient generated with tokens. Used as the default body/window background. No image assets needed — adapts automatically between light and dark modes via CSS custom properties.",dimensions:"Fluid (CSS gradient)",usage:"Body, root window, app shell background"},{id:"wave",name:"Wave",desc:"Full-width decorative background with flowing organic shapes. Designed for desktop/tablet viewports as hero sections or immersive landing pages.",dimensions:"1512 × 982",usage:"Hero sections, landing pages, desktop full-screen"},{id:"wallpaper",name:"Wallpaper",desc:"Compact landscape format optimized for card-like areas, banners, or contained sections where a spatial background adds depth without covering the full viewport.",dimensions:"1080 × 560",usage:"Banners, feature sections, contained backgrounds"},{id:"mobile",name:"Mobile",desc:"Portrait-oriented background asset optimized for mobile viewports and tall narrow containers.",dimensions:"402 × 874",usage:"Mobile screens, narrow containers, portrait layouts"}],t=()=>{const{mode:d}=a.useTheme(),r=d==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Backgrounds",description:"macOS Tahoe provides 4 background types optimized for different viewport sizes and use cases. All adapt between light and dark 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-cyan-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-400/50",children:e.jsx(l.Image,{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:"Background Types",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:"Each background type is designed for a specific screen context. Choose the appropriate format based on your layout's viewport and orientation requirements."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:n.map(s=>e.jsxs("div",{className:"p-4 rounded-xl border border-border space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:s.id==="base"?r?"#0a84ff":"#007aff":s.id==="wave"?r?"#30d158":"#34c759":s.id==="wallpaper"?r?"#ff9f0a":"#ff9500":r?"#bf5af2":"#af52de"}}),e.jsx("span",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:s.name})]}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s.desc}),e.jsxs("div",{className:"pt-2 border-t border-[var(--color-border)] space-y-1",children:[e.jsx("p",{className:"text-[10px] font-mono text-gray-400",children:s.dimensions}),e.jsx("p",{className:"text-[10px] text-gray-400",children:s.usage})]})]},s.id))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Base (CSS Spatial Gradient)",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:["Generated entirely with CSS custom properties. Currently used as the body background in the demo. Available classes:"," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-aurora"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-depth"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-demo"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"relative w-full h-40 rounded-xl overflow-hidden border border-border",style:{backgroundColor:r?"#131318":"#f0f2f7"},children:e.jsx("div",{className:"absolute inset-0 rounded-xl",style:{background:r?"radial-gradient(circle at 28% 32%, rgba(18, 60, 100, 0.8) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(55, 30, 100, 0.6) 0%, transparent 42%)":"radial-gradient(circle at 28% 32%, rgba(142, 200, 255, 0.45) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(170, 150, 255, 0.28) 0%, transparent 42%)",filter:"blur(30px)"}})}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Aurora"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Animated spatial aurora"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"linear-gradient(160deg, #141418 0%, #18181e 40%, #191520 70%, #141418 100%)":"linear-gradient(160deg, #f0f2f6 0%, #eaedf4 40%, #f2f0f8 70%, #eef2f6 100%)"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Depth"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Sober, data-focused"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(0, 60, 160, 0.55) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(80, 0, 160, 0.4) 0%, transparent 55%), #101014":"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(100, 180, 255, 0.4) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(160, 120, 255, 0.3) 0%, transparent 55%), #f0f2f7"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Demo"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Expressive, showcases"})]})]})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wave",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-2",children:"Full-width decorative background for desktop/tablet hero sections."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1512 × 982 — Landscape (desktop full-screen)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wave",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"320px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wave",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wallpaper",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-2",children:"Compact landscape format for banners, feature sections, and contained areas."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1080 × 560 — Landscape (contained sections)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wallpaper",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"280px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wallpaper",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile",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-2",children:"Portrait-oriented asset for mobile viewports and narrow containers."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"402 × 874 — Portrait (mobile screens)"}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",style:{width:"220px",height:"478px"},children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"mobile",className:"rounded-xl w-full h-full !relative !inset-auto !z-auto"})})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("mobile",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Screen Size Mapping",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:"Recommended background type per viewport breakpoint."}),e.jsx(a.BasicTable,{columns:[{key:"viewport",label:"Viewport"},{key:"breakpoint",label:"Breakpoint",className:"font-mono"},{key:"background",label:"Background"},{key:"asset",label:"Asset",className:"font-mono"}],data:[{viewport:"Mobile",breakpoint:"< 640px",background:"Mobile",asset:`${r?"dark":"light"}-mobile.svg`},{viewport:"Tablet",breakpoint:"640–1024px",background:"Wallpaper",asset:`${r?"dark":"light"}-wallpaper.svg`},{viewport:"Desktop",breakpoint:"> 1024px",background:"Wave",asset:`${r?"dark":"light"}-wave.svg`},{viewport:"Any",breakpoint:"All",background:"Base (CSS)",asset:"No asset needed"}],hoverable:!0,striped:!1})]})})})]})};exports.MacOSBackgroundsSection=t;exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.js"),l=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=[{id:"base",name:"Base",desc:"CSS-only spatial gradient generated with tokens. Used as the default body/window background. No image assets needed — adapts automatically between light and dark modes via CSS custom properties.",dimensions:"Fluid (CSS gradient)",usage:"Body, root window, app shell background"},{id:"wave",name:"Wave",desc:"Full-width decorative background with flowing organic shapes. Designed for desktop/tablet viewports as hero sections or immersive landing pages.",dimensions:"1512 × 982",usage:"Hero sections, landing pages, desktop full-screen"},{id:"wallpaper",name:"Wallpaper",desc:"Compact landscape format optimized for card-like areas, banners, or contained sections where a spatial background adds depth without covering the full viewport.",dimensions:"1080 × 560",usage:"Banners, feature sections, contained backgrounds"},{id:"mobile",name:"Mobile",desc:"Portrait-oriented background asset optimized for mobile viewports and tall narrow containers.",dimensions:"402 × 874",usage:"Mobile screens, narrow containers, portrait layouts"}],t=()=>{const{mode:d}=a.useTheme(),r=d==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Backgrounds",description:"macOS Tahoe provides 4 background types optimized for different viewport sizes and use cases. All adapt between light and dark 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-cyan-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-400/50",children:e.jsx(l.Image,{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:"Background Types",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:"Each background type is designed for a specific screen context. Choose the appropriate format based on your layout's viewport and orientation requirements."}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",children:n.map(s=>e.jsxs("div",{className:"p-4 rounded-xl border border-border space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:s.id==="base"?r?"#0a84ff":"#007aff":s.id==="wave"?r?"#30d158":"#34c759":s.id==="wallpaper"?r?"#ff9f0a":"#ff9500":r?"#bf5af2":"#af52de"}}),e.jsx("span",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:s.name})]}),e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:s.desc}),e.jsxs("div",{className:"pt-2 border-t border-[var(--color-border)] space-y-1",children:[e.jsx("p",{className:"text-[10px] font-mono text-gray-400",children:s.dimensions}),e.jsx("p",{className:"text-[10px] text-gray-400",children:s.usage})]})]},s.id))})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Base (CSS Spatial Gradient)",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:["Generated entirely with CSS custom properties. Currently used as the body background in the demo. Available classes:"," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-aurora"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-depth"}),","," ",e.jsx("code",{className:"text-xs px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"macos-bg-spatial-demo"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"relative w-full h-40 rounded-xl overflow-hidden border border-border",style:{backgroundColor:r?"#131318":"#f0f2f7"},children:e.jsx("div",{className:"absolute inset-0 rounded-xl",style:{background:r?"radial-gradient(circle at 28% 32%, rgba(18, 60, 100, 0.8) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(55, 30, 100, 0.6) 0%, transparent 42%)":"radial-gradient(circle at 28% 32%, rgba(142, 200, 255, 0.45) 0%, transparent 42%), radial-gradient(circle at 72% 68%, rgba(170, 150, 255, 0.28) 0%, transparent 42%)",filter:"blur(30px)"}})}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Aurora"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Animated spatial aurora"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"linear-gradient(160deg, #141418 0%, #18181e 40%, #191520 70%, #141418 100%)":"linear-gradient(160deg, #f0f2f6 0%, #eaedf4 40%, #f2f0f8 70%, #eef2f6 100%)"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Depth"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Sober, data-focused"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"w-full h-40 rounded-xl border border-border",style:{background:r?"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(0, 60, 160, 0.55) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(80, 0, 160, 0.4) 0%, transparent 55%), #101014":"radial-gradient(ellipse 80% 60% at 20% 10%, rgba(100, 180, 255, 0.4) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(160, 120, 255, 0.3) 0%, transparent 55%), #f0f2f7"}}),e.jsx("p",{className:"text-xs font-medium text-center text-gray-700 dark:text-gray-300",children:"Demo"}),e.jsx("p",{className:"text-[10px] text-center text-gray-400",children:"Expressive, showcases"})]})]})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wave",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-2",children:"Full-width decorative background for desktop/tablet hero sections."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1512 × 982 — Landscape (desktop full-screen)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wave",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"320px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wave",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Wallpaper",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-2",children:"Compact landscape format for banners, feature sections, and contained areas."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"1080 × 560 — Landscape (contained sections)"}),e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"wallpaper",className:"rounded-xl !relative !inset-auto !z-auto",style:{height:"280px"}})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("wallpaper",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile",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-2",children:"Portrait-oriented asset for mobile viewports and narrow containers."}),e.jsx("p",{className:"text-[10px] font-mono text-gray-400 mb-4",children:"402 × 874 — Portrait (mobile screens)"}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:"rounded-xl overflow-hidden border border-border",style:{width:"220px",height:"478px"},children:e.jsx(a.ThemeBackground,{mode:"absolute",variant:"mobile",className:"rounded-xl w-full h-full !relative !inset-auto !z-auto"})})}),e.jsx("div",{className:"mt-3 p-3 rounded-lg bg-gray-100 dark:bg-gray-800/50",children:e.jsxs("p",{className:"text-[11px] font-mono text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"text-gray-700 dark:text-gray-300",children:"url:"})," ",a.getBackgroundUrl("mobile",r)]})})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Screen Size Mapping",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:"Recommended background type per viewport breakpoint."}),e.jsx(a.BasicTable,{columns:[{key:"viewport",label:"Viewport"},{key:"breakpoint",label:"Breakpoint",className:"font-mono"},{key:"background",label:"Background"},{key:"asset",label:"Asset",className:"font-mono"}],data:[{viewport:"Mobile",breakpoint:"< 640px",background:"Mobile",asset:`${r?"dark":"light"}-mobile.svg`},{viewport:"Tablet",breakpoint:"640–1024px",background:"Wallpaper",asset:`${r?"dark":"light"}-wallpaper.svg`},{viewport:"Desktop",breakpoint:"> 1024px",background:"Wave",asset:`${r?"dark":"light"}-wave.svg`},{viewport:"Any",breakpoint:"All",background:"Base (CSS)",asset:"No asset needed"}],hoverable:!0,striped:!1})]})})})]})};exports.MacOSBackgroundsSection=t;exports.default=t;

package/documentation/{MacOSColorsSection-CjuG1kI6.js → MacOSColorsSection-B1ADRYPx.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-C0NugKZs.js"),b=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const g=[{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(b.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-border",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-border 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:g.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-border",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-border",children:[e.jsx("div",{className:"w-full h-10 rounded-md border border-border",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-border",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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-DEZRGktf.js"),b=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const g=[{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(b.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-border",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-border 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:g.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-border",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-border",children:[e.jsx("div",{className:"w-full h-10 rounded-md border border-border",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-border",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/{MacOSColorsSection-DGPBZ1Sb.js → MacOSColorsSection-CUnbKwzK.js}

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

package/documentation/{MacOSCommandPaletteSection-B6xGLV1Q.js → MacOSCommandPaletteSection-BpDCUopp.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as p, jsx as e } from "react/jsx-runtime";
 import { useState as s } from "react";
-import { H as h, C as r, a as i, x as c, bv as d, P as g, A as u, c as S } from "../index-4GONhZIF.js";
+import { H as h, C as r, a as i, x as c, bv as d, P as g, A as u, c as S } from "../index-sdOMz8GW.js";
 import { Command as f, Search as n, FilePlus as N, FolderOpen as v, Save as y, Settings as b, Moon as w, Terminal as x } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSCommandPaletteSection-ClWl0xxk.js → MacOSCommandPaletteSection-Do7Ycmk4.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../index-C0NugKZs.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const r=[{id:"new-file",label:"New File",group:"File",shortcut:["⌘","N"],icon:e.jsx(a.FilePlus,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"open-file",label:"Open File",group:"File",shortcut:["⌘","O"],icon:e.jsx(a.FolderOpen,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"save",label:"Save",group:"File",shortcut:["⌘","S"],icon:e.jsx(a.Save,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"settings",label:"Settings",group:"Navigation",shortcut:["⌘",","],icon:e.jsx(a.Settings,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"theme",label:"Toggle Theme",group:"Navigation",icon:e.jsx(a.Moon,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"terminal",label:"Open Terminal",group:"Tools",shortcut:["⌘","`"],icon:e.jsx(a.Terminal,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"search",label:"Search in Files",group:"Tools",shortcut:["⌘","Shift","F"],icon:e.jsx(a.Search,{className:"w-4 h-4"}),onSelect:()=>{}}];function c(s){const[o,l]=n.useState(!1);return e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsxs(t.Button,{variant:"solid",size:"medium",onClick:()=>l(!0),children:[e.jsx(a.Search,{size:14,className:"mr-2"}),"Open Command Palette"]}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Or press ",e.jsxs("kbd",{className:"px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:["⌘",s.triggerKey?.toUpperCase()??"K"]})]}),e.jsx(t.MacOSCommandPalette,{open:o,onOpenChange:l,items:r,placeholder:s.placeholder})]})}const i=()=>{const[s,o]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"CommandPalette",description:"A native macOS Spotlight-style command palette with Liquid Glass, grouped results, keyboard navigation, shortcut display, and fuzzy search. Triggered via ⌘K by default.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:e.jsxs("div",{className:"p-6 flex flex-col items-center gap-4",children:[e.jsxs(t.Button,{variant:"solid",size:"medium",onClick:()=>o(!0),children:[e.jsx(a.Search,{size:14,className:"mr-2"}),"Open Command Palette"]}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Or press"," ",e.jsx("kbd",{className:"px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"⌘K"})," ","anywhere on this page"]})]})})}),e.jsx(t.MacOSCommandPalette,{open:s,onOpenChange:o,items:r,placeholder:"Search commands, files, navigation…"}),e.jsx(t.PropPlayground,{componentName:"MacOSCommandPalette",defaultValues:{placeholder:"Search or type a command…",triggerKey:"k"},controlOverrides:[{name:"placeholder",type:"text",description:"Search input placeholder"},{name:"triggerKey",type:"text",description:"Keyboard shortcut letter (Meta+key)"}],includeProps:["placeholder","triggerKey"],excludeProps:["className","items","open","onOpenChange"],children:l=>e.jsx(c,{...l})}),e.jsx(t.AutoPropsTable,{componentName:"MacOSCommandPalette"}),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 { MacOSCommandPalette } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const r=[{id:"new-file",label:"New File",group:"File",shortcut:["⌘","N"],icon:e.jsx(a.FilePlus,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"open-file",label:"Open File",group:"File",shortcut:["⌘","O"],icon:e.jsx(a.FolderOpen,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"save",label:"Save",group:"File",shortcut:["⌘","S"],icon:e.jsx(a.Save,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"settings",label:"Settings",group:"Navigation",shortcut:["⌘",","],icon:e.jsx(a.Settings,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"theme",label:"Toggle Theme",group:"Navigation",icon:e.jsx(a.Moon,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"terminal",label:"Open Terminal",group:"Tools",shortcut:["⌘","`"],icon:e.jsx(a.Terminal,{className:"w-4 h-4"}),onSelect:()=>{}},{id:"search",label:"Search in Files",group:"Tools",shortcut:["⌘","Shift","F"],icon:e.jsx(a.Search,{className:"w-4 h-4"}),onSelect:()=>{}}];function c(s){const[o,l]=n.useState(!1);return e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsxs(t.Button,{variant:"solid",size:"medium",onClick:()=>l(!0),children:[e.jsx(a.Search,{size:14,className:"mr-2"}),"Open Command Palette"]}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Or press ",e.jsxs("kbd",{className:"px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:["⌘",s.triggerKey?.toUpperCase()??"K"]})]}),e.jsx(t.MacOSCommandPalette,{open:o,onOpenChange:l,items:r,placeholder:s.placeholder})]})}const i=()=>{const[s,o]=n.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"CommandPalette",description:"A native macOS Spotlight-style command palette with Liquid Glass, grouped results, keyboard navigation, shortcut display, and fuzzy search. Triggered via ⌘K by default.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:e.jsxs("div",{className:"p-6 flex flex-col items-center gap-4",children:[e.jsxs(t.Button,{variant:"solid",size:"medium",onClick:()=>o(!0),children:[e.jsx(a.Search,{size:14,className:"mr-2"}),"Open Command Palette"]}),e.jsxs("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:["Or press"," ",e.jsx("kbd",{className:"px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 font-mono",children:"⌘K"})," ","anywhere on this page"]})]})})}),e.jsx(t.MacOSCommandPalette,{open:s,onOpenChange:o,items:r,placeholder:"Search commands, files, navigation…"}),e.jsx(t.PropPlayground,{componentName:"MacOSCommandPalette",defaultValues:{placeholder:"Search or type a command…",triggerKey:"k"},controlOverrides:[{name:"placeholder",type:"text",description:"Search input placeholder"},{name:"triggerKey",type:"text",description:"Keyboard shortcut letter (Meta+key)"}],includeProps:["placeholder","triggerKey"],excludeProps:["className","items","open","onOpenChange"],children:l=>e.jsx(c,{...l})}),e.jsx(t.AutoPropsTable,{componentName:"MacOSCommandPalette"}),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 { MacOSCommandPalette } from '@e-burgos/tucu-ui';
 
 const items = [
   {

package/documentation/{MacOSMaterialsSection-CFHz_vYl.js → MacOSMaterialsSection-BTf6kjqF.js}

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

package/documentation/{MacOSMaterialsSection-QdDsz0mK.js → MacOSMaterialsSection-DmN_ldze.js}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(s){const[a,o]=r.useState(!0);return a?e.jsx("div",{className:"w-full max-w-xl mx-auto",children:e.jsx(i.MacOSNotificationBanner,{title:s.title||"Notification",variant:s.variant,message:s.message,dismissible:s.dismissible,onDismiss:s.dismissible!==!1?()=>o(!1):void 0,actions:[{label:"Action",onClick:()=>{}}]})}):e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("p",{className:"text-sm text-gray-500",children:"Banner dismissed"}),e.jsx(i.Button,{size:"mini",onClick:()=>o(!0),children:"Restore"})]})}const l=()=>{const[s,a]=r.useState({info:!0,success:!0,warning:!0,error:!0}),o=()=>a({info:!0,success:!0,warning:!0,error:!0});return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"NotificationBanner",description:"macOS-style notification banners with four variants (info, success, warning, error), optional dismiss button, action buttons, custom icons, and smooth enter/exit animations.",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-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(t.Bell,{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(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"All Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[s.info&&e.jsx(i.MacOSNotificationBanner,{variant:"info",title:"Update available",message:"macOS 14.5 is now available. Restart to install.",icon:e.jsx(t.Info,{className:"w-5 h-5"}),actions:[{label:"Update Now",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,info:!1}))}),s.success&&e.jsx(i.MacOSNotificationBanner,{variant:"success",title:"Backup complete",message:"Time Machine backup finished successfully.",icon:e.jsx(t.CheckCircle,{className:"w-5 h-5"}),onDismiss:()=>a(n=>({...n,success:!1}))}),s.warning&&e.jsx(i.MacOSNotificationBanner,{variant:"warning",title:"Low storage",message:"Only 5 GB remaining. Free up space to avoid performance issues.",icon:e.jsx(t.AlertTriangle,{className:"w-5 h-5"}),actions:[{label:"Manage",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,warning:!1}))}),s.error&&e.jsx(i.MacOSNotificationBanner,{variant:"error",title:"Network error",message:"Unable to connect. Check your internet connection.",icon:e.jsx(t.WifiOff,{className:"w-5 h-5"}),actions:[{label:"Try Again",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,error:!1}))}),!Object.values(s).some(Boolean)&&e.jsx("p",{className:"text-center text-sm text-gray-400 py-4",children:"All banners dismissed."}),e.jsx("div",{className:"flex justify-center pt-2",children:e.jsx(i.Button,{size:"mini",shape:"rounded",onClick:o,children:"Restore All"})})]})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Non-dismissible",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSNotificationBanner,{variant:"warning",title:"Attention required",message:"This notification cannot be dismissed and requires action.",dismissible:!1,actions:[{label:"Take Action",onClick:()=>{}}]})})})}),e.jsx(i.PropPlayground,{componentName:"MacOSNotificationBanner",defaultValues:{variant:"info",title:"Notification Title",message:"This is a notification message with details.",dismissible:!0},controlOverrides:[{name:"variant",type:"select",options:["info","success","warning","error"],description:"Banner severity variant"},{name:"title",type:"text",description:"Banner heading"},{name:"message",type:"text",description:"Banner body message"},{name:"dismissible",type:"boolean",description:"Show dismiss (×) button"}],includeProps:["variant","title","message","dismissible"],excludeProps:["className","icon","actions","onDismiss"],children:n=>e.jsx(c,{...n})}),e.jsx(i.AutoPropsTable,{componentName:"MacOSNotificationBanner"}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.CodeBlock,{language:"tsx",code:`import { MacOSNotificationBanner } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(s){const[a,o]=r.useState(!0);return a?e.jsx("div",{className:"w-full max-w-xl mx-auto",children:e.jsx(i.MacOSNotificationBanner,{title:s.title||"Notification",variant:s.variant,message:s.message,dismissible:s.dismissible,onDismiss:s.dismissible!==!1?()=>o(!1):void 0,actions:[{label:"Action",onClick:()=>{}}]})}):e.jsxs("div",{className:"flex flex-col items-center gap-2",children:[e.jsx("p",{className:"text-sm text-gray-500",children:"Banner dismissed"}),e.jsx(i.Button,{size:"mini",onClick:()=>o(!0),children:"Restore"})]})}const l=()=>{const[s,a]=r.useState({info:!0,success:!0,warning:!0,error:!0}),o=()=>a({info:!0,success:!0,warning:!0,error:!0});return e.jsxs(e.Fragment,{children:[e.jsx(i.HeroCard,{title:"NotificationBanner",description:"macOS-style notification banners with four variants (info, success, warning, error), optional dismiss button, action buttons, custom icons, and smooth enter/exit animations.",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-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(t.Bell,{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(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"All Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 space-y-3",children:[s.info&&e.jsx(i.MacOSNotificationBanner,{variant:"info",title:"Update available",message:"macOS 14.5 is now available. Restart to install.",icon:e.jsx(t.Info,{className:"w-5 h-5"}),actions:[{label:"Update Now",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,info:!1}))}),s.success&&e.jsx(i.MacOSNotificationBanner,{variant:"success",title:"Backup complete",message:"Time Machine backup finished successfully.",icon:e.jsx(t.CheckCircle,{className:"w-5 h-5"}),onDismiss:()=>a(n=>({...n,success:!1}))}),s.warning&&e.jsx(i.MacOSNotificationBanner,{variant:"warning",title:"Low storage",message:"Only 5 GB remaining. Free up space to avoid performance issues.",icon:e.jsx(t.AlertTriangle,{className:"w-5 h-5"}),actions:[{label:"Manage",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,warning:!1}))}),s.error&&e.jsx(i.MacOSNotificationBanner,{variant:"error",title:"Network error",message:"Unable to connect. Check your internet connection.",icon:e.jsx(t.WifiOff,{className:"w-5 h-5"}),actions:[{label:"Try Again",onClick:()=>{}}],onDismiss:()=>a(n=>({...n,error:!1}))}),!Object.values(s).some(Boolean)&&e.jsx("p",{className:"text-center text-sm text-gray-400 py-4",children:"All banners dismissed."}),e.jsx("div",{className:"flex justify-center pt-2",children:e.jsx(i.Button,{size:"mini",shape:"rounded",onClick:o,children:"Restore All"})})]})})}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Non-dismissible",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.MacOSNotificationBanner,{variant:"warning",title:"Attention required",message:"This notification cannot be dismissed and requires action.",dismissible:!1,actions:[{label:"Take Action",onClick:()=>{}}]})})})}),e.jsx(i.PropPlayground,{componentName:"MacOSNotificationBanner",defaultValues:{variant:"info",title:"Notification Title",message:"This is a notification message with details.",dismissible:!0},controlOverrides:[{name:"variant",type:"select",options:["info","success","warning","error"],description:"Banner severity variant"},{name:"title",type:"text",description:"Banner heading"},{name:"message",type:"text",description:"Banner body message"},{name:"dismissible",type:"boolean",description:"Show dismiss (×) button"}],includeProps:["variant","title","message","dismissible"],excludeProps:["className","icon","actions","onDismiss"],children:n=>e.jsx(c,{...n})}),e.jsx(i.AutoPropsTable,{componentName:"MacOSNotificationBanner"}),e.jsx(i.CardContainer,{className:"overflow-hidden",children:e.jsx(i.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(i.CodeBlock,{language:"tsx",code:`import { MacOSNotificationBanner } from '@e-burgos/tucu-ui';
 
 // Info banner with action buttons
 <MacOSNotificationBanner

package/documentation/{MacOSNotificationBannerSection-Bo1oagT9.js → MacOSNotificationBannerSection-WH_xoQJ_.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as d, jsx as e } from "react/jsx-runtime";
 import { useState as c } from "react";
-import { H as f, C as o, a as r, bw as n, x as m, P as u, A as h, c as b } from "../index-4GONhZIF.js";
+import { H as f, C as o, a as r, bw as n, x as m, P as u, A as h, c as b } from "../index-sdOMz8GW.js";
 import { Bell as g, Info as p, CheckCircle as w, AlertTriangle as v, WifiOff as N } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSPopoverSection-CkT1ssbc.js → MacOSPopoverSection-BgfEO_ue.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as b, jsx as e } from "react/jsx-runtime";
 import { useState as p } from "react";
-import { H as v, C as i, a as c, bx as d, by as o, P as g, A as N, c as f } from "../index-4GONhZIF.js";
+import { H as v, C as i, a as c, bx as d, by as o, P as g, A as N, c as f } from "../index-sdOMz8GW.js";
 import { MessageSquare as y, FilePlus as h, Clock as x, Save as C, Trash2 as m, Check as O, Lock as k, FolderOpen as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSPopoverSection-CHmPgYov.js → MacOSPopoverSection-DxYMepkq.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");function m(a){const[n,r]=c.useState(!1);return e.jsx("div",{className:"flex justify-center py-12",children:e.jsx(o.MacOSPopover,{isOpen:n,onClose:()=>r(!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:()=>r(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Open",icon:e.jsx(s.FolderOpen,{className:"w-4 h-4"}),shortcut:"⌘O",onClick:()=>r(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Delete",icon:e.jsx(s.Trash2,{className:"w-4 h-4"}),destructive:!0,onClick:()=>r(!1)})]}),children:e.jsxs("button",{onClick:()=>r(!0),className:"rounded-lg border border-border 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),r=l=>n(d=>d===l?null:l),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:()=>r("context"),className:"rounded-lg border border-border 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(l=>e.jsx("div",{className:"flex justify-center",children:e.jsx(o.MacOSPopover,{isOpen:a===l,onClose:t,placement:l,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:()=>r(l),className:"rounded-lg border border-border 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:l})})},l))})})})}),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:()=>r("disabled"),className:"rounded-lg border border-border 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:l=>e.jsx(m,{...l})}),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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");function m(a){const[n,r]=c.useState(!1);return e.jsx("div",{className:"flex justify-center py-12",children:e.jsx(o.MacOSPopover,{isOpen:n,onClose:()=>r(!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:()=>r(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Open",icon:e.jsx(s.FolderOpen,{className:"w-4 h-4"}),shortcut:"⌘O",onClick:()=>r(!1)}),e.jsx(o.MacOSPopoverItem,{label:"Delete",icon:e.jsx(s.Trash2,{className:"w-4 h-4"}),destructive:!0,onClick:()=>r(!1)})]}),children:e.jsxs("button",{onClick:()=>r(!0),className:"rounded-lg border border-border 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),r=l=>n(d=>d===l?null:l),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:()=>r("context"),className:"rounded-lg border border-border 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(l=>e.jsx("div",{className:"flex justify-center",children:e.jsx(o.MacOSPopover,{isOpen:a===l,onClose:t,placement:l,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:()=>r(l),className:"rounded-lg border border-border 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:l})})},l))})})})}),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:()=>r("disabled"),className:"rounded-lg border border-border 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:l=>e.jsx(m,{...l})}),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);

package/documentation/{MacOSSearchBarSection-Bq6w8HML.js → MacOSSearchBarSection-BIj4VDAF.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-C0NugKZs.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function i(t){const[s,r]=l.useState("");return e.jsx("div",{className:"w-full max-w-lg mx-auto",children:e.jsx(a.MacOSSearchBar,{...t,value:s,onChange:r,onClear:()=>r(""),onSubmit:o=>alert(`Submitted: ${o}`)})})}const c=()=>{const[t,s]=l.useState("");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"SearchBar",description:"A macOS-style search input with clear button, keyboard submit, auto-focus, and multiple sizes. Includes smooth transitions and icon accent matching the system appearance.",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-cyan-500 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(n.Search,{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",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 max-w-lg mx-auto",children:[e.jsx(a.MacOSSearchBar,{value:t,onChange:s,onClear:()=>s(""),onSubmit:r=>alert(`Search: ${r}`),placeholder:"Search files, apps, settings…"}),e.jsxs("p",{className:"mt-3 text-xs text-gray-500 dark:text-gray-400 text-center",children:["Current value: ",e.jsx("code",{className:"bg-gray-100 dark:bg-gray-800 px-1 rounded",children:t||"(empty)"})]})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 space-y-4 max-w-lg mx-auto",children:["sm","md","lg"].map(r=>e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium text-gray-500 dark:text-gray-400 mb-1 uppercase",children:r}),e.jsx(a.MacOSSearchBar,{size:r,placeholder:`Size: ${r}`,value:"",onChange:()=>{}})]},r))})})}),e.jsx(a.PropPlayground,{componentName:"MacOSSearchBar",defaultValues:{placeholder:"Search…",size:"md",autoFocus:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text"},{name:"size",type:"select",options:["sm","md","lg"],description:"Input size"},{name:"autoFocus",type:"boolean",description:"Auto-focus on mount"}],includeProps:["placeholder","size","autoFocus"],excludeProps:["className","value","onChange","onClear","onSubmit"],children:r=>e.jsx(i,{...r})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSSearchBar"}),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 { MacOSSearchBar } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-DEZRGktf.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function i(t){const[s,r]=l.useState("");return e.jsx("div",{className:"w-full max-w-lg mx-auto",children:e.jsx(a.MacOSSearchBar,{...t,value:s,onChange:r,onClear:()=>r(""),onSubmit:o=>alert(`Submitted: ${o}`)})})}const c=()=>{const[t,s]=l.useState("");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"SearchBar",description:"A macOS-style search input with clear button, keyboard submit, auto-focus, and multiple sizes. Includes smooth transitions and icon accent matching the system appearance.",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-cyan-500 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(n.Search,{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",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full p-4 sm:p-6 max-w-lg mx-auto",children:[e.jsx(a.MacOSSearchBar,{value:t,onChange:s,onClear:()=>s(""),onSubmit:r=>alert(`Search: ${r}`),placeholder:"Search files, apps, settings…"}),e.jsxs("p",{className:"mt-3 text-xs text-gray-500 dark:text-gray-400 text-center",children:["Current value: ",e.jsx("code",{className:"bg-gray-100 dark:bg-gray-800 px-1 rounded",children:t||"(empty)"})]})]})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 space-y-4 max-w-lg mx-auto",children:["sm","md","lg"].map(r=>e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-medium text-gray-500 dark:text-gray-400 mb-1 uppercase",children:r}),e.jsx(a.MacOSSearchBar,{size:r,placeholder:`Size: ${r}`,value:"",onChange:()=>{}})]},r))})})}),e.jsx(a.PropPlayground,{componentName:"MacOSSearchBar",defaultValues:{placeholder:"Search…",size:"md",autoFocus:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Placeholder text"},{name:"size",type:"select",options:["sm","md","lg"],description:"Input size"},{name:"autoFocus",type:"boolean",description:"Auto-focus on mount"}],includeProps:["placeholder","size","autoFocus"],excludeProps:["className","value","onChange","onClear","onSubmit"],children:r=>e.jsx(i,{...r})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSSearchBar"}),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 { MacOSSearchBar } from '@e-burgos/tucu-ui';
 
 function SearchDemo() {
   const [value, setValue] = useState('');

package/documentation/{MacOSSearchBarSection-BsqmjAJO.js → MacOSSearchBarSection-DJkOkd5a.js}

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as i, jsx as e } from "react/jsx-runtime";
 import { useState as n } from "react";
-import { H as d, C as o, a as s, bo as c, P as u, A as h, c as p } from "../index-4GONhZIF.js";
+import { H as d, C as o, a as s, bo as c, P as u, A as h, c as p } from "../index-sdOMz8GW.js";
 import { Search as g } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSSegmentedControlSection-ls5gxPUT.js → MacOSSegmentedControlSection-MP0t6IVK.js}

@@ -1,6 +1,6 @@
 import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { H as u, C as a, a as t, bu as n, P as v, A as h, c as p } from "../index-4GONhZIF.js";
+import { H as u, C as a, a as t, bu as n, P as v, A as h, c as p } from "../index-sdOMz8GW.js";
 import { ToggleLeft as b, LayoutGrid as f, List as g, Columns3 as w } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSSegmentedControlSection-BgsDLI96.js → MacOSSegmentedControlSection-QiYVHMXu.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),l=require("../index-C0NugKZs.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(n){const[s,i]=o.useState("tab1");return e.jsx("div",{className:"w-full max-w-lg mx-auto",children:e.jsx(l.MacOSSegmentedControl,{...n,value:s,onChange:i,options:[{label:"General",value:"tab1"},{label:"Privacy",value:"tab2"},{label:"Advanced",value:"tab3"}]})})}const r=()=>{const[n,s]=o.useState("general"),[i,d]=o.useState("grid");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"SegmentedControl",description:"A macOS-style segmented control (tab bar) with animated sliding indicator, icon+text options, keyboard navigation, size variants, and full-width 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-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.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(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center",children:e.jsx(l.MacOSSegmentedControl,{value:i,onChange:d,options:[{label:"Grid",value:"grid",icon:e.jsx(t.LayoutGrid,{className:"w-3.5 h-3.5"})},{label:"List",value:"list",icon:e.jsx(t.List,{className:"w-3.5 h-3.5"})},{label:"Column",value:"column",icon:e.jsx(t.Columns3,{className:"w-3.5 h-3.5"})}]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Text Only — Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.MacOSSegmentedControl,{value:n,onChange:s,fullWidth:!0,options:[{label:"General",value:"general"},{label:"Privacy",value:"privacy"},{label:"Security",value:"security"},{label:"Advanced",value:"advanced"}]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 space-y-4",children:["sm","md","lg"].map(a=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("span",{className:"text-xs font-medium text-gray-500 dark:text-gray-400 uppercase w-8",children:a}),e.jsx(l.MacOSSegmentedControl,{size:a,value:"a",onChange:()=>{},options:[{label:"Alpha",value:"a"},{label:"Beta",value:"b"},{label:"Gamma",value:"c"}]})]},a))})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Disabled Option",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center",children:e.jsx(l.MacOSSegmentedControl,{value:"on",onChange:()=>{},options:[{label:"On",value:"on"},{label:"Off",value:"off"},{label:"Unavailable",value:"na",disabled:!0}]})})})}),e.jsx(l.PropPlayground,{componentName:"MacOSSegmentedControl",defaultValues:{size:"md",fullWidth:!1},controlOverrides:[{name:"size",type:"select",options:["sm","md","lg"],description:"Control size"},{name:"fullWidth",type:"boolean",description:"Stretch to fill container width"}],includeProps:["size","fullWidth"],excludeProps:["className","options","value","onChange"],children:a=>e.jsx(c,{...a})}),e.jsx(l.AutoPropsTable,{componentName:"MacOSSegmentedControl"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { MacOSSegmentedControl } from '@e-burgos/tucu-ui';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),l=require("../index-DEZRGktf.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(n){const[s,i]=o.useState("tab1");return e.jsx("div",{className:"w-full max-w-lg mx-auto",children:e.jsx(l.MacOSSegmentedControl,{...n,value:s,onChange:i,options:[{label:"General",value:"tab1"},{label:"Privacy",value:"tab2"},{label:"Advanced",value:"tab3"}]})})}const r=()=>{const[n,s]=o.useState("general"),[i,d]=o.useState("grid");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"SegmentedControl",description:"A macOS-style segmented control (tab bar) with animated sliding indicator, icon+text options, keyboard navigation, size variants, and full-width 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-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.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(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center",children:e.jsx(l.MacOSSegmentedControl,{value:i,onChange:d,options:[{label:"Grid",value:"grid",icon:e.jsx(t.LayoutGrid,{className:"w-3.5 h-3.5"})},{label:"List",value:"list",icon:e.jsx(t.List,{className:"w-3.5 h-3.5"})},{label:"Column",value:"column",icon:e.jsx(t.Columns3,{className:"w-3.5 h-3.5"})}]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Text Only — Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.MacOSSegmentedControl,{value:n,onChange:s,fullWidth:!0,options:[{label:"General",value:"general"},{label:"Privacy",value:"privacy"},{label:"Security",value:"security"},{label:"Advanced",value:"advanced"}]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 space-y-4",children:["sm","md","lg"].map(a=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("span",{className:"text-xs font-medium text-gray-500 dark:text-gray-400 uppercase w-8",children:a}),e.jsx(l.MacOSSegmentedControl,{size:a,value:"a",onChange:()=>{},options:[{label:"Alpha",value:"a"},{label:"Beta",value:"b"},{label:"Gamma",value:"c"}]})]},a))})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Disabled Option",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6 flex justify-center",children:e.jsx(l.MacOSSegmentedControl,{value:"on",onChange:()=>{},options:[{label:"On",value:"on"},{label:"Off",value:"off"},{label:"Unavailable",value:"na",disabled:!0}]})})})}),e.jsx(l.PropPlayground,{componentName:"MacOSSegmentedControl",defaultValues:{size:"md",fullWidth:!1},controlOverrides:[{name:"size",type:"select",options:["sm","md","lg"],description:"Control size"},{name:"fullWidth",type:"boolean",description:"Stretch to fill container width"}],includeProps:["size","fullWidth"],excludeProps:["className","options","value","onChange"],children:a=>e.jsx(c,{...a})}),e.jsx(l.AutoPropsTable,{componentName:"MacOSSegmentedControl"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { MacOSSegmentedControl } from '@e-burgos/tucu-ui';
 
 function TabsDemo() {
   const [value, setValue] = useState('general');

package/documentation/{MacOSSidebarSection-ZtF4anKi.js → MacOSSidebarSection-BVOggoKd.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
 import { useState as o } from "react";
-import { H as b, C as s, a as i, bm as l, P as h, A as f, c as x } from "../index-4GONhZIF.js";
+import { H as b, C as s, a as i, bm as l, P as h, A as f, c as x } from "../index-sdOMz8GW.js";
 import { PanelLeft as v, Settings as c, Home as g, Search as u, Bell as N, AtSign as w, BellOff as p, Inbox as S, Star as y, Send as I, Briefcase as k, User as A, Archive as C } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSSidebarSection-CiN4hOs1.js → MacOSSidebarSection-CBXzYpn3.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const d=[{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(t){const[r,i]=l.useState(t.activeId||"inbox");return e.jsxs("div",{className:"flex h-64 rounded-xl overflow-hidden border border-border",children:[e.jsx(a.MacSidebarCard,{sections:d,activeId:r,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:r})]})]})}const c=()=>{const[t,r]=l.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-border shadow-sm",children:[e.jsx(a.MacSidebarCard,{sections:d,activeId:t,onSelect:r,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:t})]})]})})})}),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-border 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-border 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';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const d=[{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(t){const[r,i]=l.useState(t.activeId||"inbox");return e.jsxs("div",{className:"flex h-64 rounded-xl overflow-hidden border border-border",children:[e.jsx(a.MacSidebarCard,{sections:d,activeId:r,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:r})]})]})}const c=()=>{const[t,r]=l.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-border shadow-sm",children:[e.jsx(a.MacSidebarCard,{sections:d,activeId:t,onSelect:r,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:t})]})]})})})}),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-border 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-border 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 = [
   {

package/documentation/{MacOSTahoeSection-mC8_isTc.js → MacOSTahoeSection-BHi6_fEe.js}

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useState as r } from "react";
-import { H as i, x as l, bz as o, u as d, p as c, q as n, aj as m } from "../index-4GONhZIF.js";
+import { H as i, x as l, bz as o, u as d, p as c, q as n, aj as m } from "../index-sdOMz8GW.js";
 import { Sparkles as h, Home as u, Settings as f } from "lucide-react";
 import "react-router-dom";
 import "react-dom";

package/documentation/{MacOSTahoeSection-D_vk1Evv.js → MacOSTahoeSection-C8sa1EH9.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-C0NugKZs.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>e.jsx("div",{className:"flex flex-col gap-6 w-full max-w-4xl mx-auto h-[400px]",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 h-full",children:[e.jsxs("div",{"data-tucu":"drawer-content",className:"p-6 flex flex-col gap-5 bg-[var(--macos-glass-regular-bg)] backdrop-blur-xl border border-[var(--macos-glass-regular-border)] rounded-2xl shadow-xl",children:[e.jsxs("div",{className:"flex flex-col gap-1 mb-2",children:[e.jsx("h3",{className:"text-[var(--macos-label)] font-semibold mb-0",children:"System Preferences"}),e.jsx("p",{className:"text-[var(--macos-secondary-label)] text-xs mb-0",children:"Manage liquid glass settings in Tahoe"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--macos-label)]",children:"Enable Notifications"}),e.jsx(a.Switch,{checked:!0,onChange:()=>{}})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--macos-label)]",children:"Auto-play content"}),e.jsx(a.Checkbox,{defaultChecked:!0})]}),e.jsx("div",{className:"w-full",children:e.jsx(a.InputSearcher,{variant:"ghost",options:[{name:"Wi-Fi",value:"wifi"},{name:"Bluetooth",value:"bt"}],placeholder:"Search settings...",className:"w-full"})}),e.jsx("div",{className:"mt-auto",children:e.jsx(a.Button,{variant:"solid",fullWidth:!0,children:"Apply Changes"})})]}),e.jsxs("div",{className:"flex flex-col gap-5 justify-between",children:[e.jsxs("div",{"data-tucu":"panel-card",className:"p-5 flex flex-col gap-3",children:[e.jsx("h4",{className:"text-[var(--macos-label)] font-medium mb-1",children:"Standard Material"}),e.jsx("p",{className:"text-xs text-[var(--macos-secondary-label)] leading-relaxed",children:"Reading contents and tables use standard opaque material to keep contrast levels High regardless of the background imagery."})]}),e.jsx(a.Alert,{variant:"info",children:e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("strong",{children:"New Update Available"}),e.jsx("span",{children:"macOS 26 Tahoe is ready to be installed. Restart to apply changes."})]})}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(a.Button,{variant:"ghost",fullWidth:!0,children:"Cancel"}),e.jsx(a.Button,{variant:"solid",fullWidth:!0,children:"Restart Now"})]})]})]})});function n(){const[t,r]=i.useState(!1);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(a.HeroCard,{title:"Liquid Glass",description:"The variant='tahoe' setting forces the Layout to use Liquid Glass materials and Spatial backgrounds.",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-400/80 via-cyan-300/60 to-white/40 dark:from-blue-600/80 dark:via-cyan-500/60 dark:to-gray-800/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-cyan-400/50 backdrop-blur-md",children:e.jsx(s.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-blue-700 dark:text-cyan-200 filter drop-shadow-lg"})})}),e.jsx("div",{className:"relative w-full h-[600px] border border-border rounded-2xl overflow-hidden bg-[var(--macos-spatial-bg)] group",style:{background:"var(--macos-tahoe-root-bg, var(--macos-spatial-bg))"},children:t?e.jsx("div",{className:"w-full h-full relative p-0 m-0",children:e.jsxs(a.MacOSLayout,{variant:"tahoe",menuItems:[{name:"Dashboard",path:"#",icon:e.jsx(s.Home,{})},{name:"Settings",path:"#",icon:e.jsx(s.Settings,{})}],className:"absolute inset-0 rounded-2xl",children:[e.jsx("div",{className:"macos-bg-spatial-aurora absolute inset-0 -z-10 rounded-2xl"}),e.jsx(l,{})]})}):e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx(a.Button,{onClick:()=>r(!0),variant:"solid",children:"Launch Tahoe Demo"})})})]})}exports.TahoeDemoContent=l;exports.default=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-DEZRGktf.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>e.jsx("div",{className:"flex flex-col gap-6 w-full max-w-4xl mx-auto h-[400px]",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 h-full",children:[e.jsxs("div",{"data-tucu":"drawer-content",className:"p-6 flex flex-col gap-5 bg-[var(--macos-glass-regular-bg)] backdrop-blur-xl border border-[var(--macos-glass-regular-border)] rounded-2xl shadow-xl",children:[e.jsxs("div",{className:"flex flex-col gap-1 mb-2",children:[e.jsx("h3",{className:"text-[var(--macos-label)] font-semibold mb-0",children:"System Preferences"}),e.jsx("p",{className:"text-[var(--macos-secondary-label)] text-xs mb-0",children:"Manage liquid glass settings in Tahoe"})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--macos-label)]",children:"Enable Notifications"}),e.jsx(a.Switch,{checked:!0,onChange:()=>{}})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-sm font-medium text-[var(--macos-label)]",children:"Auto-play content"}),e.jsx(a.Checkbox,{defaultChecked:!0})]}),e.jsx("div",{className:"w-full",children:e.jsx(a.InputSearcher,{variant:"ghost",options:[{name:"Wi-Fi",value:"wifi"},{name:"Bluetooth",value:"bt"}],placeholder:"Search settings...",className:"w-full"})}),e.jsx("div",{className:"mt-auto",children:e.jsx(a.Button,{variant:"solid",fullWidth:!0,children:"Apply Changes"})})]}),e.jsxs("div",{className:"flex flex-col gap-5 justify-between",children:[e.jsxs("div",{"data-tucu":"panel-card",className:"p-5 flex flex-col gap-3",children:[e.jsx("h4",{className:"text-[var(--macos-label)] font-medium mb-1",children:"Standard Material"}),e.jsx("p",{className:"text-xs text-[var(--macos-secondary-label)] leading-relaxed",children:"Reading contents and tables use standard opaque material to keep contrast levels High regardless of the background imagery."})]}),e.jsx(a.Alert,{variant:"info",children:e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("strong",{children:"New Update Available"}),e.jsx("span",{children:"macOS 26 Tahoe is ready to be installed. Restart to apply changes."})]})}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(a.Button,{variant:"ghost",fullWidth:!0,children:"Cancel"}),e.jsx(a.Button,{variant:"solid",fullWidth:!0,children:"Restart Now"})]})]})]})});function n(){const[t,r]=i.useState(!1);return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(a.HeroCard,{title:"Liquid Glass",description:"The variant='tahoe' setting forces the Layout to use Liquid Glass materials and Spatial backgrounds.",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-400/80 via-cyan-300/60 to-white/40 dark:from-blue-600/80 dark:via-cyan-500/60 dark:to-gray-800/40 rounded-full flex items-center justify-center shadow-lg border border-white/50 dark:border-cyan-400/50 backdrop-blur-md",children:e.jsx(s.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-blue-700 dark:text-cyan-200 filter drop-shadow-lg"})})}),e.jsx("div",{className:"relative w-full h-[600px] border border-border rounded-2xl overflow-hidden bg-[var(--macos-spatial-bg)] group",style:{background:"var(--macos-tahoe-root-bg, var(--macos-spatial-bg))"},children:t?e.jsx("div",{className:"w-full h-full relative p-0 m-0",children:e.jsxs(a.MacOSLayout,{variant:"tahoe",menuItems:[{name:"Dashboard",path:"#",icon:e.jsx(s.Home,{})},{name:"Settings",path:"#",icon:e.jsx(s.Settings,{})}],className:"absolute inset-0 rounded-2xl",children:[e.jsx("div",{className:"macos-bg-spatial-aurora absolute inset-0 -z-10 rounded-2xl"}),e.jsx(l,{})]})}):e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx(a.Button,{onClick:()=>r(!0),variant:"solid",children:"Launch Tahoe Demo"})})})]})}exports.TahoeDemoContent=l;exports.default=n;

package/documentation/{MacOSTextStylesSection-D8sjMitr.js → MacOSTextStylesSection-COwMJgHQ.js}

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

package/documentation/{MacOSTextStylesSection-imhQhiIB.js → MacOSTextStylesSection-b7bS3pVS.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-C0NugKZs.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(t){return t.weight.includes("700")?700:t.weight.includes("600")?600:t.weight.includes("500")?500:400}function c(t){return t.font==="SF Pro Display"?"var(--macos-font-display, 'Inter', system-ui)":"var(--macos-font-family, 'Inter', system-ui)"}const l=()=>{const{mode:t}=a.useTheme(),s=t==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.Typography,{tag:"p",className:"text-sm text-blue-800 dark:text-blue-200 font-medium",children:"Alternative Font: Inter Variable"}),e.jsxs(a.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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-display, 'Inter', system-ui)",color:s?"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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",color:s?"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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-mono, 'JetBrains Mono', monospace)",color:s?"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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:e.jsx("div",{className:"flex flex-col gap-4",children:n.map(r=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-6 pb-3 border-b border-[var(--color-border)] last:border-0",children:[e.jsx("span",{className:"shrink-0",style:{fontFamily:c(r),fontSize:r.size,lineHeight:r.leading,fontWeight:o(r),letterSpacing:r.tracking,color:s?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:r.name}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-[10px] font-mono text-gray-400",children:[e.jsx("span",{children:r.size}),e.jsxs("span",{children:["/ ",r.leading]}),e.jsx("span",{children:r.weight}),r.tracking!=="0"&&e.jsxs("span",{children:["tracking: ",r.tracking]})]})]},r.name))})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Label Colors",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:["Text styles combine with label colors to create visual hierarchy. Showing ",s?"dark":"light"," appearance values."]}),e.jsx("div",{className:"rounded-xl p-6 border border-border",style:{backgroundColor:s?"#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:s?"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:s?"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:s?"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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"CSS Variables",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:[{key:"name",label:"Style"},{key:"cssVar",label:"CSS Variable",className:"font-mono text-gray-500"},{key:"size",label:"Size",className:"font-mono text-gray-500"},{key:"leading",label:"Leading",className:"font-mono text-gray-500"},{key:"font",label:"Font",className:"text-gray-500"}],data:n,maxRows:15,resizable:!1})})})})]})};exports.MacOSTextStylesSection=l;exports.default=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DEZRGktf.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(t){return t.weight.includes("700")?700:t.weight.includes("600")?600:t.weight.includes("500")?500:400}function c(t){return t.font==="SF Pro Display"?"var(--macos-font-display, 'Inter', system-ui)":"var(--macos-font-family, 'Inter', system-ui)"}const l=()=>{const{mode:t}=a.useTheme(),s=t==="dark";return e.jsxs(e.Fragment,{children:[e.jsx(a.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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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(a.Typography,{tag:"p",className:"text-sm text-blue-800 dark:text-blue-200 font-medium",children:"Alternative Font: Inter Variable"}),e.jsxs(a.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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-display, 'Inter', system-ui)",color:s?"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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-family, 'Inter', system-ui)",color:s?"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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:[e.jsx("p",{className:"text-lg mb-2",style:{fontFamily:"var(--macos-font-mono, 'JetBrains Mono', monospace)",color:s?"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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.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-border",style:{backgroundColor:s?"#1e1e1e":"#ffffff"},children:e.jsx("div",{className:"flex flex-col gap-4",children:n.map(r=>e.jsxs("div",{className:"flex flex-col sm:flex-row sm:items-baseline gap-2 sm:gap-6 pb-3 border-b border-[var(--color-border)] last:border-0",children:[e.jsx("span",{className:"shrink-0",style:{fontFamily:c(r),fontSize:r.size,lineHeight:r.leading,fontWeight:o(r),letterSpacing:r.tracking,color:s?"rgba(255, 255, 255, 0.85)":"rgba(0, 0, 0, 0.85)"},children:r.name}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-[10px] font-mono text-gray-400",children:[e.jsx("span",{children:r.size}),e.jsxs("span",{children:["/ ",r.leading]}),e.jsx("span",{children:r.weight}),r.tracking!=="0"&&e.jsxs("span",{children:["tracking: ",r.tracking]})]})]},r.name))})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Label Colors",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:["Text styles combine with label colors to create visual hierarchy. Showing ",s?"dark":"light"," appearance values."]}),e.jsx("div",{className:"rounded-xl p-6 border border-border",style:{backgroundColor:s?"#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:s?"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:s?"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:s?"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(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"CSS Variables",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:[{key:"name",label:"Style"},{key:"cssVar",label:"CSS Variable",className:"font-mono text-gray-500"},{key:"size",label:"Size",className:"font-mono text-gray-500"},{key:"leading",label:"Leading",className:"font-mono text-gray-500"},{key:"font",label:"Font",className:"text-gray-500"}],data:n,maxRows:15,resizable:!1})})})})]})};exports.MacOSTextStylesSection=l;exports.default=l;