@e-burgos/tucu-ui 2.0.8 → 2.0.9

package/documentation/TahoeDockSection-CE4XVjge.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Finder",icon:e.jsx(a.FolderOpen,{className:"h-5 w-5"}),path:"/macos-tahoe/finder"},{name:"Safari",icon:e.jsx(a.Globe,{className:"h-5 w-5"}),path:"/macos-tahoe/safari"},{name:"Mail",icon:e.jsx(a.Mail,{className:"h-5 w-5"}),path:"/macos-tahoe/mail"},{name:"Messages",icon:e.jsx(a.MessageCircle,{className:"h-5 w-5"}),path:"/macos-tahoe/messages"},{name:"Maps",icon:e.jsx(a.Map,{className:"h-5 w-5"}),path:"/macos-tahoe/maps"},{name:"Photos",icon:e.jsx(a.Image,{className:"h-5 w-5"}),path:"/macos-tahoe/photos"},{name:"Music",icon:e.jsx(a.Music,{className:"h-5 w-5"}),path:"/macos-tahoe/music"},{name:"Calendar",icon:e.jsx(a.Calendar,{className:"h-5 w-5"}),path:"/macos-tahoe/calendar"},{name:"Notes",icon:e.jsx(a.FileText,{className:"h-5 w-5"}),path:"/macos-tahoe/notes"},{name:"Launchpad",icon:e.jsx(a.LayoutGrid,{className:"h-5 w-5"}),path:"/macos-tahoe/launchpad",dropdownItems:[{name:"Calculator",icon:e.jsx(a.Calculator,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/calculator"},{name:"Clock",icon:e.jsx(a.Clock,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/clock"},{name:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/weather"}]},{name:"Settings",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),path:"/macos-tahoe/settings",dropdownItems:[{name:"General",icon:e.jsx(a.Sliders,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/general"},{name:"Appearance",icon:e.jsx(a.Palette,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/appearance"},{name:"Privacy",icon:e.jsx(a.Shield,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/privacy"}]}],c=[{name:"Terminal",icon:e.jsx(a.Terminal,{className:"h-5 w-5"}),path:"/macos-tahoe/terminal"},{name:"Downloads",icon:e.jsx(a.Download,{className:"h-5 w-5"}),path:"/macos-tahoe/downloads"}],r=[...s,...c],i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Dock",description:"macOS Tahoe Dock with Liquid Glass material, icon magnification on hover, active indicators, tooltips, and separator for recent apps. Accepts the same IMenuItem[] used by all tucu-ui menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(a.Dock,{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,{children:e.jsx(t.CardTitle,{title:"Interactive Dock",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-30 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:r,separatorBeforeIndex:s.length,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Without Magnification",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(0,6),magnification:!1,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"With Dropdown Items",className:"mt-2 mb-2",children:[e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Click the Settings icon to see the dropdown popover with sub-items."}),e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(-3),magnification:!1,inline:!0})})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-[13px]",children:[["IMenuItem Compatible","Uses the same IMenuItem[] type as all tucu-ui menus"],["Magnification","macOS-style icon scaling on hover with configurable maxScale"],["Tooltips","Hover over an icon to see the item name tooltip"],["Separator","Visual separator to divide pinned apps from recent"],["Dropdown Children","Items with dropdownItems show a popover on click"],["Active Indicator","Dot indicator below active item (matches current route)"],["Auto-Hide","Optional auto-hide with mouse-edge reveal"],["Liquid Glass","Uses --macos-glass-* tokens for backdrop-blur and translucency"]].map(([o,n])=>e.jsxs("div",{className:"rounded-xl border border-(--macos-glass-border-subtle) bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm",children:[e.jsx("div",{className:"font-semibold text-(--macos-tahoe-text)",children:o}),e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-text-muted)",children:n})]},o))})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeDock } from '@e-burgos/tucu-ui';
+
+const menuItems = [
+  { name: 'Finder', icon: <FolderIcon />, path: '/finder' },
+  { name: 'Safari', icon: <GlobeIcon />, path: '/safari' },
+  { name: 'Settings', icon: <SettingsIcon />, path: '/settings',
+    dropdownItems: [
+      { name: 'General', icon: <SlidersIcon />, path: '/settings/general' },
+      { name: 'Privacy', icon: <ShieldIcon />, path: '/settings/privacy' },
+    ],
+  },
+];
+
+{/* Fixed at bottom (default) */}
+<MacOSTahoeDock items={menuItems} />
+
+{/* With separator and magnification */}
+<MacOSTahoeDock
+  items={[...pinnedItems, ...recentItems]}
+  separatorBeforeIndex={pinnedItems.length}
+  magnification={true}
+  maxScale={1.6}
+/>
+
+{/* Vertical dock on the left */}
+<MacOSTahoeDock items={menuItems} position="left" />
+
+{/* Auto-hide dock */}
+<MacOSTahoeDock items={menuItems} autoHide />`,language:"tsx"})})})]});exports.TahoeDockSection=i;exports.default=i;

package/documentation/TahoeDockSection-g1Jh1rVL.js

@@ -0,0 +1,228 @@
+import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { H as r, C as a, a as t, bA as i, T as l, c as h } from "../index-lfg6LZ1p.js";
+import { Dock as d, FolderOpen as p, Globe as u, Mail as g, MessageCircle as w, Map as f, Image as b, Music as N, Calendar as v, FileText as k, Calculator as I, Clock as x, CloudSun as S, LayoutGrid as y, Sliders as M, Palette as C, Shield as D, Settings as T, Terminal as O, Download as F } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const o = [
+  {
+    name: "Finder",
+    icon: /* @__PURE__ */ e(p, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/finder"
+  },
+  {
+    name: "Safari",
+    icon: /* @__PURE__ */ e(u, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/safari"
+  },
+  {
+    name: "Mail",
+    icon: /* @__PURE__ */ e(g, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/mail"
+  },
+  {
+    name: "Messages",
+    icon: /* @__PURE__ */ e(w, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/messages"
+  },
+  {
+    name: "Maps",
+    icon: /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/maps"
+  },
+  {
+    name: "Photos",
+    icon: /* @__PURE__ */ e(b, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/photos"
+  },
+  {
+    name: "Music",
+    icon: /* @__PURE__ */ e(N, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/music"
+  },
+  {
+    name: "Calendar",
+    icon: /* @__PURE__ */ e(v, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/calendar"
+  },
+  {
+    name: "Notes",
+    icon: /* @__PURE__ */ e(k, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/notes"
+  },
+  {
+    name: "Launchpad",
+    icon: /* @__PURE__ */ e(y, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/launchpad",
+    dropdownItems: [
+      {
+        name: "Calculator",
+        icon: /* @__PURE__ */ e(I, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/launchpad/calculator"
+      },
+      {
+        name: "Clock",
+        icon: /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/launchpad/clock"
+      },
+      {
+        name: "Weather",
+        icon: /* @__PURE__ */ e(S, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/launchpad/weather"
+      }
+    ]
+  },
+  {
+    name: "Settings",
+    icon: /* @__PURE__ */ e(T, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/settings",
+    dropdownItems: [
+      {
+        name: "General",
+        icon: /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/settings/general"
+      },
+      {
+        name: "Appearance",
+        icon: /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/settings/appearance"
+      },
+      {
+        name: "Privacy",
+        icon: /* @__PURE__ */ e(D, { className: "h-4 w-4" }),
+        path: "/macos-tahoe/settings/privacy"
+      }
+    ]
+  }
+], G = [
+  {
+    name: "Terminal",
+    icon: /* @__PURE__ */ e(O, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/terminal"
+  },
+  {
+    name: "Downloads",
+    icon: /* @__PURE__ */ e(F, { className: "h-5 w-5" }),
+    path: "/macos-tahoe/downloads"
+  }
+], j = [...o, ...G], U = () => /* @__PURE__ */ s(m, { children: [
+  /* @__PURE__ */ e(
+    r,
+    {
+      title: "Dock",
+      description: "macOS Tahoe Dock with Liquid Glass material, icon magnification on hover, active indicators, tooltips, and separator for recent apps. Accepts the same IMenuItem[] used by all tucu-ui menus.",
+      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-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50", children: /* @__PURE__ */ e(d, { 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(a, { children: /* @__PURE__ */ e(t, { title: "Interactive Dock", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "relative flex items-end justify-center min-h-30 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6", children: /* @__PURE__ */ e(
+    i,
+    {
+      items: j,
+      separatorBeforeIndex: o.length,
+      inline: !0
+    }
+  ) }) }) }),
+  /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(t, { title: "Without Magnification", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6", children: /* @__PURE__ */ e(
+    i,
+    {
+      items: o.slice(0, 6),
+      magnification: !1,
+      inline: !0
+    }
+  ) }) }) }),
+  /* @__PURE__ */ e(a, { children: /* @__PURE__ */ s(t, { title: "With Dropdown Items", className: "mt-2 mb-2", children: [
+    /* @__PURE__ */ e(
+      l,
+      {
+        tag: "p",
+        className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
+        children: "Click the Settings icon to see the dropdown popover with sub-items."
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6", children: /* @__PURE__ */ e(
+      i,
+      {
+        items: o.slice(-3),
+        magnification: !1,
+        inline: !0
+      }
+    ) })
+  ] }) }),
+  /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(t, { title: "Features", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-[13px]", children: [
+    [
+      "IMenuItem Compatible",
+      "Uses the same IMenuItem[] type as all tucu-ui menus"
+    ],
+    [
+      "Magnification",
+      "macOS-style icon scaling on hover with configurable maxScale"
+    ],
+    ["Tooltips", "Hover over an icon to see the item name tooltip"],
+    [
+      "Separator",
+      "Visual separator to divide pinned apps from recent"
+    ],
+    [
+      "Dropdown Children",
+      "Items with dropdownItems show a popover on click"
+    ],
+    [
+      "Active Indicator",
+      "Dot indicator below active item (matches current route)"
+    ],
+    ["Auto-Hide", "Optional auto-hide with mouse-edge reveal"],
+    [
+      "Liquid Glass",
+      "Uses --macos-glass-* tokens for backdrop-blur and translucency"
+    ]
+  ].map(([n, c]) => /* @__PURE__ */ s(
+    "div",
+    {
+      className: "rounded-xl border border-(--macos-glass-border-subtle) bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm",
+      children: [
+        /* @__PURE__ */ e("div", { className: "font-semibold text-(--macos-tahoe-text)", children: n }),
+        /* @__PURE__ */ e("div", { className: "mt-0.5 text-(--macos-tahoe-text-muted)", children: c })
+      ]
+    },
+    n
+  )) }) }) }),
+  /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(t, { title: "Usage", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
+    h,
+    {
+      code: `import { MacOSTahoeDock } from '@e-burgos/tucu-ui';
+
+const menuItems = [
+  { name: 'Finder', icon: <FolderIcon />, path: '/finder' },
+  { name: 'Safari', icon: <GlobeIcon />, path: '/safari' },
+  { name: 'Settings', icon: <SettingsIcon />, path: '/settings',
+    dropdownItems: [
+      { name: 'General', icon: <SlidersIcon />, path: '/settings/general' },
+      { name: 'Privacy', icon: <ShieldIcon />, path: '/settings/privacy' },
+    ],
+  },
+];
+
+{/* Fixed at bottom (default) */}
+<MacOSTahoeDock items={menuItems} />
+
+{/* With separator and magnification */}
+<MacOSTahoeDock
+  items={[...pinnedItems, ...recentItems]}
+  separatorBeforeIndex={pinnedItems.length}
+  magnification={true}
+  maxScale={1.6}
+/>
+
+{/* Vertical dock on the left */}
+<MacOSTahoeDock items={menuItems} position="left" />
+
+{/* Auto-hide dock */}
+<MacOSTahoeDock items={menuItems} autoHide />`,
+      language: "tsx"
+    }
+  ) }) })
+] });
+export {
+  U as TahoeDockSection,
+  U as default
+};

package/documentation/TahoeLayoutContentSection-B1bj_svL.js

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

package/documentation/TahoeLayoutContentSection-DGwHsEUK.js

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

package/documentation/TahoeLayoutSidebarSection-Cxx0NWOi.js

@@ -0,0 +1,36 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=[{name:"Dashboard",icon:e.jsx(s.LayoutDashboard,{className:"h-4 w-4"}),path:"/dashboard",isActive:!0},{name:"Projects",icon:e.jsx(s.FolderKanban,{className:"h-4 w-4"}),path:"/projects",dropdownItems:[{name:"Active",icon:e.jsx(s.Play,{className:"h-4 w-4"}),path:"/projects/active"},{name:"Archived",icon:e.jsx(s.Archive,{className:"h-4 w-4"}),path:"/projects/archived"}]},{name:"Analytics",icon:e.jsx(s.BarChart2,{className:"h-4 w-4"}),path:"/analytics"},{name:"Team",icon:e.jsx(s.Users,{className:"h-4 w-4"}),path:"/team"},{name:"Settings",icon:e.jsx(s.Settings,{className:"h-4 w-4"}),path:"/settings"}],t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSTahoeLayoutSidebar",description:"Full-app navigation sidebar for Tahoe layouts. Supports nested items with expandable groups, Liquid Glass vibrancy, route-aware active highlighting, and a mobile drawer variant.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50",children:e.jsx(s.PanelLeftClose,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Interactive Preview",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Main content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile Drawer Variant",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r,mobile:!0,onClose:()=>{}})})})})}),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 { MacOSTahoeLayoutSidebar } from '@e-burgos/tucu-ui';
+
+const menuItems = [
+  { name: 'Dashboard', icon: <DashboardIcon />, path: '/dashboard' },
+  {
+    name: 'Projects',
+    icon: <FolderIcon />,
+    path: '/projects',
+    dropdownItems: [
+      { name: 'Active', icon: <PlayIcon />, path: '/projects/active' },
+    ],
+  },
+  { name: 'Settings', icon: <SettingsIcon />, path: '/settings' },
+];
+
+function App() {
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  return (
+    <div className="flex h-screen">
+      {/* Desktop sidebar */}
+      <MacOSTahoeLayoutSidebar
+        menuItems={menuItems}
+        logo={{ logoDark: '/logo.svg', logoLight: '/logo.svg' }}
+      />
+      {/* Mobile drawer */}
+      {drawerOpen && (
+        <MacOSTahoeLayoutSidebar
+          menuItems={menuItems}
+          mobile
+          onClose={() => setDrawerOpen(false)}
+        />
+      )}
+      <main className="flex-1">Content</main>
+    </div>
+  );
+}`})})})})]});exports.TahoeLayoutSidebarSection=t;exports.default=t;

package/documentation/TahoeLayoutSidebarSection-pdzlnLJM.js

@@ -0,0 +1,114 @@
+import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { H as n, C as a, a as o, bC as s, c } from "../index-lfg6LZ1p.js";
+import { PanelLeftClose as l, LayoutDashboard as d, Play as m, Archive as h, FolderKanban as p, BarChart2 as b, Users as u, Settings as w } from "lucide-react";
+import "react-router-dom";
+import "react";
+import "react-dom";
+const t = [
+  {
+    name: "Dashboard",
+    icon: /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
+    path: "/dashboard",
+    isActive: !0
+  },
+  {
+    name: "Projects",
+    icon: /* @__PURE__ */ e(p, { className: "h-4 w-4" }),
+    path: "/projects",
+    dropdownItems: [
+      {
+        name: "Active",
+        icon: /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
+        path: "/projects/active"
+      },
+      {
+        name: "Archived",
+        icon: /* @__PURE__ */ e(h, { className: "h-4 w-4" }),
+        path: "/projects/archived"
+      }
+    ]
+  },
+  {
+    name: "Analytics",
+    icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
+    path: "/analytics"
+  },
+  {
+    name: "Team",
+    icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
+    path: "/team"
+  },
+  {
+    name: "Settings",
+    icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+    path: "/settings"
+  }
+], y = () => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ e(
+    n,
+    {
+      title: "MacOSTahoeLayoutSidebar",
+      description: "Full-app navigation sidebar for Tahoe layouts. Supports nested items with expandable groups, Liquid Glass vibrancy, route-aware active highlighting, and a mobile drawer variant.",
+      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-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50", children: /* @__PURE__ */ e(l, { 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(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Interactive Preview", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: [
+    /* @__PURE__ */ e(s, { menuItems: t }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Main content area" })
+  ] }) }) }) }),
+  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Mobile Drawer Variant", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
+    s,
+    {
+      menuItems: t,
+      mobile: !0,
+      onClose: () => {
+      }
+    }
+  ) }) }) }) }),
+  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
+    c,
+    {
+      language: "tsx",
+      code: `import { MacOSTahoeLayoutSidebar } from '@e-burgos/tucu-ui';
+
+const menuItems = [
+  { name: 'Dashboard', icon: <DashboardIcon />, path: '/dashboard' },
+  {
+    name: 'Projects',
+    icon: <FolderIcon />,
+    path: '/projects',
+    dropdownItems: [
+      { name: 'Active', icon: <PlayIcon />, path: '/projects/active' },
+    ],
+  },
+  { name: 'Settings', icon: <SettingsIcon />, path: '/settings' },
+];
+
+function App() {
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  return (
+    <div className="flex h-screen">
+      {/* Desktop sidebar */}
+      <MacOSTahoeLayoutSidebar
+        menuItems={menuItems}
+        logo={{ logoDark: '/logo.svg', logoLight: '/logo.svg' }}
+      />
+      {/* Mobile drawer */}
+      {drawerOpen && (
+        <MacOSTahoeLayoutSidebar
+          menuItems={menuItems}
+          mobile
+          onClose={() => setDrawerOpen(false)}
+        />
+      )}
+      <main className="flex-1">Content</main>
+    </div>
+  );
+}`
+    }
+  ) }) }) })
+] });
+export {
+  y as TahoeLayoutSidebarSection,
+  y as default
+};

package/documentation/TahoeNotificationBannerSection-CHvq-2oK.js

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Notification Banner",description:"Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",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(i.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(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-lg",children:[e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"New update available",message:"macOS Tahoe 26.1 is ready to be installed.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"Changes saved",message:"Your preferences have been updated successfully.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Low disk space",message:"Only 2.3 GB remaining on Macintosh HD.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"error",title:"Connection failed",message:"Unable to connect to the server. Please check your network.",dismissible:!1})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (Array)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:[{label:"Update Now",onClick:()=>alert("updating…")},{label:"Later",onClick:()=>{}}]})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (ReactNode)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white",children:"Update Now"}),e.jsx("button",{className:"rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]",children:"Later"})]})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Custom Icon",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"File uploaded",message:"photo-2024.jpg has been uploaded to iCloud.",icon:e.jsx(i.CloudUpload,{className:"h-5 w-5"})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Dismissible (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Dismiss me",message:"Click the X button to dismiss this notification."})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeNotificationBanner } from '@e-burgos/tucu-ui';
+
+// With typed action array (recommended)
+<MacOSTahoeNotificationBanner
+  variant="info"        // 'info' | 'success' | 'warning' | 'error'
+  title="Update Available"
+  message="A new version is ready."
+  dismissible
+  onDismiss={() => console.log('dismissed')}
+  actions={[
+    { label: 'Update Now', onClick: handleUpdate },
+    { label: 'Later', onClick: handleDismiss },
+  ]}
+  icon={<CustomIcon />}  // optional custom icon
+/>
+
+// With ReactNode actions (flexible)
+<MacOSTahoeNotificationBanner
+  variant="success"
+  title="Saved"
+  actions={<button>Undo</button>}
+/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeNotificationBanner",defaultValues:{title:"Notification title",message:"This is the notification message.",variant:"info",dismissible:!0},includeProps:["title","message","variant","dismissible"],excludeProps:["className","actions","icon","onDismiss"],children:s=>e.jsx("div",{className:"max-w-lg w-full",children:e.jsx(a.MacOSTahoeNotificationBanner,{...s})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeNotificationBanner"})]});exports.TahoeNotificationBannerSection=t;exports.default=t;