@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/MacOSSidebarSection-D-64MM8U.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-DWDUS-PU.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 = [
+  {
+    label: 'Favorites',
+    items: [
+      { id: 'inbox', label: 'Inbox', icon: <InboxIcon />, badge: 12 },
+      { id: 'starred', label: 'Starred', icon: <StarIcon /> },
+    ],
+  },
+  {
+    label: 'Folders',
+    items: [
+      { id: 'work', label: 'Work', icon: <BriefcaseIcon /> },
+      { id: 'archive', label: 'Archive', icon: <ArchiveIcon />, disabled: true },
+    ],
+  },
+];
+
+function App() {
+  const [activeId, setActiveId] = useState('inbox');
+
+  return (
+    <div className="flex h-screen">
+      <MacSidebarCard
+        sections={sections}
+        activeId={activeId}
+        onSelect={setActiveId}
+        header={<h2>Mail</h2>}
+        footer={<PreferencesButton />}
+      />
+      <main className="flex-1">Content</main>
+    </div>
+  );
+}`})})})})]})};exports.MacOSSidebarSection=c;exports.default=c;

package/documentation/MacOSSidebarSection-DUpDMHGi.js

@@ -0,0 +1,251 @@
+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-DoxeCFUJ.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";
+const n = [
+  {
+    label: "Favorites",
+    items: [
+      {
+        id: "inbox",
+        label: "Inbox",
+        icon: /* @__PURE__ */ e(S, { className: "w-4 h-4" }),
+        badge: 12
+      },
+      {
+        id: "starred",
+        label: "Starred",
+        icon: /* @__PURE__ */ e(y, { className: "w-4 h-4" })
+      },
+      {
+        id: "sent",
+        label: "Sent",
+        icon: /* @__PURE__ */ e(I, { className: "w-4 h-4" })
+      }
+    ]
+  },
+  {
+    label: "Folders",
+    items: [
+      {
+        id: "work",
+        label: "Work",
+        icon: /* @__PURE__ */ e(k, { className: "w-4 h-4" }),
+        badge: 3
+      },
+      {
+        id: "personal",
+        label: "Personal",
+        icon: /* @__PURE__ */ e(A, { className: "w-4 h-4" })
+      },
+      {
+        id: "archive",
+        label: "Archive",
+        icon: /* @__PURE__ */ e(C, { className: "w-4 h-4" }),
+        disabled: !0
+      }
+    ]
+  }
+];
+function M(t) {
+  const [r, d] = o(t.activeId || "inbox");
+  return /* @__PURE__ */ a("div", { className: "flex h-64 rounded-xl overflow-hidden border border-border", children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        sections: n,
+        activeId: r,
+        onSelect: d,
+        header: /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Mail" })
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-500", children: [
+      "Active:",
+      " ",
+      /* @__PURE__ */ e("span", { className: "ml-1 font-medium text-gray-800 dark:text-gray-200", children: r })
+    ] })
+  ] });
+}
+const W = () => {
+  const [t, r] = o("inbox");
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(
+      b,
+      {
+        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: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-gray-600 to-zinc-700 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50", children: /* @__PURE__ */ e(v, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
+      }
+    ),
+    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Interactive Sidebar", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "flex h-72 rounded-xl overflow-hidden border border-border shadow-sm", children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          sections: n,
+          activeId: t,
+          onSelect: r,
+          header: /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-gray-800 dark:text-gray-100", children: "Mail" }),
+          footer: /* @__PURE__ */ a("button", { className: "flex items-center gap-2 text-xs text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: [
+            /* @__PURE__ */ e(c, { className: "w-3.5 h-3.5" }),
+            "Preferences"
+          ] })
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "flex flex-1 items-center justify-center bg-gray-50 dark:bg-gray-900 text-sm text-gray-500", children: [
+        "Active:",
+        " ",
+        /* @__PURE__ */ e("span", { className: "ml-1 font-medium text-gray-800 dark:text-gray-200", children: t })
+      ] })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Without Section Labels", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "flex h-56 rounded-xl overflow-hidden border border-border shadow-sm", children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          sections: [
+            {
+              items: [
+                {
+                  id: "home",
+                  label: "Home",
+                  icon: /* @__PURE__ */ e(g, { className: "w-4 h-4" })
+                },
+                {
+                  id: "search",
+                  label: "Search",
+                  icon: /* @__PURE__ */ e(u, { className: "w-4 h-4" })
+                },
+                {
+                  id: "settings",
+                  label: "Settings",
+                  icon: /* @__PURE__ */ e(c, { className: "w-4 h-4" })
+                }
+              ]
+            }
+          ],
+          activeId: "home",
+          onSelect: () => {
+          }
+        }
+      ),
+      /* @__PURE__ */ e("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" })
+    ] }) }) }) }),
+    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(
+      i,
+      {
+        title: "With Badge Counts & Disabled Items",
+        className: "mt-2 mb-2",
+        children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "flex h-64 rounded-xl overflow-hidden border border-border shadow-sm", children: [
+          /* @__PURE__ */ e(
+            l,
+            {
+              sections: [
+                {
+                  label: "Notifications",
+                  items: [
+                    {
+                      id: "all",
+                      label: "All",
+                      icon: /* @__PURE__ */ e(N, { className: "w-4 h-4" }),
+                      badge: 42
+                    },
+                    {
+                      id: "mentions",
+                      label: "Mentions",
+                      icon: /* @__PURE__ */ e(w, { className: "w-4 h-4" }),
+                      badge: 7
+                    },
+                    {
+                      id: "muted",
+                      label: "Muted",
+                      icon: /* @__PURE__ */ e(p, { className: "w-4 h-4" }),
+                      disabled: !0
+                    }
+                  ]
+                }
+              ],
+              activeId: "all",
+              onSelect: () => {
+              }
+            }
+          ),
+          /* @__PURE__ */ e("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" })
+        ] }) })
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        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: (d) => /* @__PURE__ */ e(M, { ...d })
+      }
+    ),
+    /* @__PURE__ */ e(f, { componentName: "MacOSSidebar" }),
+    /* @__PURE__ */ e(s, { className: "overflow-hidden", children: /* @__PURE__ */ e(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+      x,
+      {
+        language: "tsx",
+        code: `import { MacSidebarCard } from '@e-burgos/tucu-ui';
+
+const sections = [
+  {
+    label: 'Favorites',
+    items: [
+      { id: 'inbox', label: 'Inbox', icon: <InboxIcon />, badge: 12 },
+      { id: 'starred', label: 'Starred', icon: <StarIcon /> },
+    ],
+  },
+  {
+    label: 'Folders',
+    items: [
+      { id: 'work', label: 'Work', icon: <BriefcaseIcon /> },
+      { id: 'archive', label: 'Archive', icon: <ArchiveIcon />, disabled: true },
+    ],
+  },
+];
+
+function App() {
+  const [activeId, setActiveId] = useState('inbox');
+
+  return (
+    <div className="flex h-screen">
+      <MacSidebarCard
+        sections={sections}
+        activeId={activeId}
+        onSelect={setActiveId}
+        header={<h2>Mail</h2>}
+        footer={<PreferencesButton />}
+      />
+      <main className="flex-1">Content</main>
+    </div>
+  );
+}`
+      }
+    ) }) }) })
+  ] });
+};
+export {
+  W as MacOSSidebarSection,
+  W as default
+};

package/documentation/MacOSTahoeSection-Glabuf3q.js

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

@@ -0,0 +1,98 @@
+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-DoxeCFUJ.js";
+import { Sparkles as h, Home as u, Settings as f } from "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const b = () => /* @__PURE__ */ e("div", { className: "flex flex-col gap-6 w-full max-w-4xl mx-auto h-[400px]", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 h-full", children: [
+  /* @__PURE__ */ a(
+    "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: [
+        /* @__PURE__ */ a("div", { className: "flex flex-col gap-1 mb-2", children: [
+          /* @__PURE__ */ e("h3", { className: "text-[var(--macos-label)] font-semibold mb-0", children: "System Preferences" }),
+          /* @__PURE__ */ e("p", { className: "text-[var(--macos-secondary-label)] text-xs mb-0", children: "Manage liquid glass settings in Tahoe" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--macos-label)]", children: "Enable Notifications" }),
+          /* @__PURE__ */ e(d, { checked: !0, onChange: () => {
+          } })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--macos-label)]", children: "Auto-play content" }),
+          /* @__PURE__ */ e(c, { defaultChecked: !0 })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
+          n,
+          {
+            variant: "ghost",
+            options: [
+              { name: "Wi-Fi", value: "wifi" },
+              { name: "Bluetooth", value: "bt" }
+            ],
+            placeholder: "Search settings...",
+            className: "w-full"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "mt-auto", children: /* @__PURE__ */ e(l, { variant: "solid", fullWidth: !0, children: "Apply Changes" }) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ a("div", { className: "flex flex-col gap-5 justify-between", children: [
+    /* @__PURE__ */ a("div", { "data-tucu": "panel-card", className: "p-5 flex flex-col gap-3", children: [
+      /* @__PURE__ */ e("h4", { className: "text-[var(--macos-label)] font-medium mb-1", children: "Standard Material" }),
+      /* @__PURE__ */ e("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." })
+    ] }),
+    /* @__PURE__ */ e(m, { variant: "info", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ e("strong", { children: "New Update Available" }),
+      /* @__PURE__ */ e("span", { children: "macOS 26 Tahoe is ready to be installed. Restart to apply changes." })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e(l, { variant: "ghost", fullWidth: !0, children: "Cancel" }),
+      /* @__PURE__ */ e(l, { variant: "solid", fullWidth: !0, children: "Restart Now" })
+    ] })
+  ] })
+] }) });
+function y() {
+  const [t, s] = r(!1);
+  return /* @__PURE__ */ a("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ e(
+      i,
+      {
+        title: "Liquid Glass",
+        description: "The variant='tahoe' setting forces the Layout to use Liquid Glass materials and Spatial backgrounds.",
+        icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-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: /* @__PURE__ */ e(h, { 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" }) })
+      }
+    ),
+    /* @__PURE__ */ e(
+      "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 ? /* @__PURE__ */ e("div", { className: "w-full h-full relative p-0 m-0", children: /* @__PURE__ */ a(
+          o,
+          {
+            variant: "tahoe",
+            menuItems: [
+              { name: "Dashboard", path: "#", icon: /* @__PURE__ */ e(u, {}) },
+              { name: "Settings", path: "#", icon: /* @__PURE__ */ e(f, {}) }
+            ],
+            className: "absolute inset-0 rounded-2xl",
+            children: [
+              /* @__PURE__ */ e("div", { className: "macos-bg-spatial-aurora absolute inset-0 -z-10 rounded-2xl" }),
+              /* @__PURE__ */ e(b, {})
+            ]
+          }
+        ) }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(l, { onClick: () => s(!0), variant: "solid", children: "Launch Tahoe Demo" }) })
+      }
+    )
+  ] });
+}
+export {
+  b as TahoeDemoContent,
+  y as default
+};