@e-burgos/tucu-ui 2.5.0 → 2.6.0

package/documentation/TahoeDialogSection-CD5v8gt3.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-COp_AWCS.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function m(c){const[o,t]=r.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{...c,open:o,onClose:()=>t(!1),footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>t(!1),children:"Close"}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"Adjust the props above to see changes reflected here."})})]})}const i=()=>{const[c,o]=r.useState(!1),[t,s]=r.useState(!1),[d,l]=r.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Dialog",description:"Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",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-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(n.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(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Basic Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{open:c,onClose:()=>o(!1),title:"About This Mac",footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>o(!1),children:"OK"}),children:e.jsxs("div",{className:"space-y-3 text-(--macos-tahoe-text)",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Laptop,{className:"h-10 w-10 text-(--macos-tahoe-accent)"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:"macOS Tahoe"}),e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted)",children:"Version 26.0"})]})]}),e.jsxs("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["MacBook Pro (16-inch, 2024)",e.jsx("br",{}),"Apple M4 Max — 48 GB Memory"]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Confirmation Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>s(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Delete Item"}),e.jsx(a.MacOSTahoeDialog,{open:t,onClose:()=>s(!1),title:"Are you sure?",width:380,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>s(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"destructive",onClick:()=>s(!1),children:"Delete"})]}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"This will permanently delete the selected item. This action cannot be undone."})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Form Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>l(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Save As..."}),e.jsx(a.MacOSTahoeDialog,{open:d,onClose:()=>l(!1),title:"Save As",width:460,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>l(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>l(!1),children:"Save"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Save As:"}),e.jsx("input",{defaultValue:"Untitled",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Tags:"}),e.jsx("input",{placeholder:"Add tags...",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"File Format:"}),e.jsxs("select",{className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40",children:[e.jsx("option",{children:"Rich Text Document"}),e.jsx("option",{children:"Plain Text"}),e.jsx("option",{children:"HTML"})]})]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeDialog
-  open={isOpen}
-  onClose={() => setOpen(false)}
-  title="Save As"
-  width={420}
-  closeOnOverlay
-  closeOnEscape
-  footer={
-    <>
-      <MacOSTahoeDialogButton onClick={cancel}>
-        Cancel
-      </MacOSTahoeDialogButton>
-      <MacOSTahoeDialogButton variant="primary" onClick={save}>
-        Save
-      </MacOSTahoeDialogButton>
-    </>
-  }
->
-  <p>Dialog content</p>
-</MacOSTahoeDialog>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeDialog",defaultValues:{title:"My Dialog",width:420,closeOnEscape:!0,closeOnOverlay:!0},includeProps:["title","width","closeOnEscape","closeOnOverlay"],excludeProps:["className","open","onClose","footer"],children:x=>e.jsx(m,{...x})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeDialog"})]})};exports.TahoeDialogSection=i;exports.default=i;

package/documentation/TahoeDialogSection-e1-T1_QN.js

@@ -1,228 +0,0 @@
-import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
-import { useState as i } from "react";
-import { H as b, C as c, a as n, bL as d, bM as o, c as u, P as x, A as f } from "../index-DYDFy1df.js";
-import { MessageSquare as v, Laptop as C } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-function N(m) {
-  const [t, l] = i(!1);
-  return /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => l(!0),
-        className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-        children: "Open Dialog"
-      }
-    ),
-    /* @__PURE__ */ e(
-      d,
-      {
-        ...m,
-        open: t,
-        onClose: () => l(!1),
-        footer: /* @__PURE__ */ e(
-          o,
-          {
-            variant: "primary",
-            onClick: () => l(!1),
-            children: "Close"
-          }
-        ),
-        children: /* @__PURE__ */ e("p", { className: "text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed", children: "Adjust the props above to see changes reflected here." })
-      }
-    )
-  ] });
-}
-const S = () => {
-  const [m, t] = i(!1), [l, s] = i(!1), [p, r] = i(!1);
-  return /* @__PURE__ */ a(h, { children: [
-    /* @__PURE__ */ e(
-      b,
-      {
-        title: "Dialog",
-        description: "Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",
-        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-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-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(c, { children: /* @__PURE__ */ a(n, { title: "Basic Dialog", className: "mt-2 mb-2", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => t(!0),
-          className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-          children: "Open Dialog"
-        }
-      ),
-      /* @__PURE__ */ e(
-        d,
-        {
-          open: m,
-          onClose: () => t(!1),
-          title: "About This Mac",
-          footer: /* @__PURE__ */ e(
-            o,
-            {
-              variant: "primary",
-              onClick: () => t(!1),
-              children: "OK"
-            }
-          ),
-          children: /* @__PURE__ */ a("div", { className: "space-y-3 text-(--macos-tahoe-text)", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e(C, { className: "h-10 w-10 text-(--macos-tahoe-accent)" }),
-              /* @__PURE__ */ a("div", { children: [
-                /* @__PURE__ */ e("p", { className: "text-[15px] font-semibold", children: "macOS Tahoe" }),
-                /* @__PURE__ */ e("p", { className: "text-[13px] text-(--macos-tahoe-text-muted)", children: "Version 26.0" })
-              ] })
-            ] }),
-            /* @__PURE__ */ a("p", { className: "text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed", children: [
-              "MacBook Pro (16-inch, 2024)",
-              /* @__PURE__ */ e("br", {}),
-              "Apple M4 Max — 48 GB Memory"
-            ] })
-          ] })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ a(n, { title: "Confirmation Dialog", className: "mt-2 mb-2", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => s(!0),
-          className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-          children: "Delete Item"
-        }
-      ),
-      /* @__PURE__ */ e(
-        d,
-        {
-          open: l,
-          onClose: () => s(!1),
-          title: "Are you sure?",
-          width: 380,
-          footer: /* @__PURE__ */ a(h, { children: [
-            /* @__PURE__ */ e(o, { onClick: () => s(!1), children: "Cancel" }),
-            /* @__PURE__ */ e(
-              o,
-              {
-                variant: "destructive",
-                onClick: () => s(!1),
-                children: "Delete"
-              }
-            )
-          ] }),
-          children: /* @__PURE__ */ e("p", { className: "text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed", children: "This will permanently delete the selected item. This action cannot be undone." })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ a(n, { title: "Form Dialog", className: "mt-2 mb-2", children: [
-      /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => r(!0),
-          className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",
-          children: "Save As..."
-        }
-      ),
-      /* @__PURE__ */ e(
-        d,
-        {
-          open: p,
-          onClose: () => r(!1),
-          title: "Save As",
-          width: 460,
-          footer: /* @__PURE__ */ a(h, { children: [
-            /* @__PURE__ */ e(o, { onClick: () => r(!1), children: "Cancel" }),
-            /* @__PURE__ */ e(
-              o,
-              {
-                variant: "primary",
-                onClick: () => r(!1),
-                children: "Save"
-              }
-            )
-          ] }),
-          children: /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ e("label", { className: "mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)", children: "Save As:" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  defaultValue: "Untitled",
-                  className: "w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ e("label", { className: "mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)", children: "Tags:" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  placeholder: "Add tags...",
-                  className: "w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { children: [
-              /* @__PURE__ */ e("label", { className: "mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)", children: "File Format:" }),
-              /* @__PURE__ */ a("select", { className: "w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40", children: [
-                /* @__PURE__ */ e("option", { children: "Rich Text Document" }),
-                /* @__PURE__ */ e("option", { children: "Plain Text" }),
-                /* @__PURE__ */ e("option", { children: "HTML" })
-              ] })
-            ] })
-          ] })
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(n, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      u,
-      {
-        code: `import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeDialog
-  open={isOpen}
-  onClose={() => setOpen(false)}
-  title="Save As"
-  width={420}
-  closeOnOverlay
-  closeOnEscape
-  footer={
-    <>
-      <MacOSTahoeDialogButton onClick={cancel}>
-        Cancel
-      </MacOSTahoeDialogButton>
-      <MacOSTahoeDialogButton variant="primary" onClick={save}>
-        Save
-      </MacOSTahoeDialogButton>
-    </>
-  }
->
-  <p>Dialog content</p>
-</MacOSTahoeDialog>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        componentName: "MacOSTahoeDialog",
-        defaultValues: {
-          title: "My Dialog",
-          width: 420,
-          closeOnEscape: !0,
-          closeOnOverlay: !0
-        },
-        includeProps: ["title", "width", "closeOnEscape", "closeOnOverlay"],
-        excludeProps: ["className", "open", "onClose", "footer"],
-        children: (g) => /* @__PURE__ */ e(N, { ...g })
-      }
-    ),
-    /* @__PURE__ */ e(f, { componentName: "MacOSTahoeDialog" })
-  ] });
-};
-export {
-  S as TahoeDialogSection,
-  S as default
-};

package/documentation/TahoeDockSection-CAo5ifrl.js

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

@@ -1,228 +0,0 @@
-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-DYDFy1df.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-BV20aXQn.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COp_AWCS.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"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-border 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-border 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=s;exports.default=s;

package/documentation/TahoeLayoutContentSection-GRD0fXGl.js

@@ -1,68 +0,0 @@
-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-DYDFy1df.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-border 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-border 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
-};