@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/TahoeCommandPaletteSection-DLEKbcYr.js

@@ -0,0 +1,217 @@
+import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { H as h, C as l, a as r, bJ as i, c as p, P as g, A as u } from "../index-DoxeCFUJ.js";
+import { Command as b, Search as m, Keyboard as N, Layers as x, Sparkles as w, FilePlus as y, FolderOpen as C, Save as P, PanelLeft as O, Moon as v, Terminal as F, Play as T, GitCommitHorizontal as f, ArrowUpFromLine as k } from "lucide-react";
+import "react-router-dom";
+import "react-dom";
+const n = [
+  {
+    id: "1",
+    label: "New File",
+    icon: /* @__PURE__ */ e(y, { className: "h-4 w-4" }),
+    shortcut: "⌘N",
+    group: "File"
+  },
+  {
+    id: "2",
+    label: "Open File...",
+    icon: /* @__PURE__ */ e(C, { className: "h-4 w-4" }),
+    shortcut: "⌘O",
+    group: "File"
+  },
+  {
+    id: "3",
+    label: "Save",
+    icon: /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
+    shortcut: "⌘S",
+    group: "File"
+  },
+  {
+    id: "4",
+    label: "Find & Replace",
+    icon: /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
+    shortcut: "⌘⇧F",
+    group: "Edit"
+  },
+  {
+    id: "5",
+    label: "Toggle Sidebar",
+    icon: /* @__PURE__ */ e(O, { className: "h-4 w-4" }),
+    shortcut: "⌘B",
+    group: "View"
+  },
+  {
+    id: "6",
+    label: "Toggle Dark Mode",
+    icon: /* @__PURE__ */ e(v, { className: "h-4 w-4" }),
+    group: "View"
+  },
+  {
+    id: "7",
+    label: "Open Terminal",
+    icon: /* @__PURE__ */ e(F, { className: "h-4 w-4" }),
+    shortcut: "⌘`",
+    group: "Tools"
+  },
+  {
+    id: "8",
+    label: "Run Build",
+    icon: /* @__PURE__ */ e(T, { className: "h-4 w-4" }),
+    shortcut: "⌘⇧B",
+    group: "Tools"
+  },
+  {
+    id: "9",
+    label: "Git: Commit",
+    icon: /* @__PURE__ */ e(f, { className: "h-4 w-4" }),
+    group: "Git"
+  },
+  {
+    id: "10",
+    label: "Git: Push",
+    icon: /* @__PURE__ */ e(k, { className: "h-4 w-4" }),
+    group: "Git"
+  }
+];
+function S(s) {
+  const [t, a] = c(!1);
+  return /* @__PURE__ */ o("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => a(!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 Command Palette"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        ...s,
+        items: n,
+        open: t,
+        onOpenChange: a
+      }
+    )
+  ] });
+}
+const B = () => {
+  const [s, t] = c(!1);
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ e(
+      h,
+      {
+        title: "Command Palette",
+        description: "Spotlight-style command palette with glass material, real-time search filtering, grouped results, keyboard navigation, and customizable trigger key.",
+        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-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50", children: /* @__PURE__ */ e(b, { 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(l, { children: /* @__PURE__ */ o(r, { title: "Interactive Demo", className: "mt-2 mb-2", children: [
+      /* @__PURE__ */ o("div", { className: "space-y-3", 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 Command Palette"
+          }
+        ),
+        /* @__PURE__ */ o("p", { className: "text-[12px] text-(--macos-tahoe-text-muted)", children: [
+          "Or press",
+          " ",
+          /* @__PURE__ */ e("kbd", { className: "rounded border border-(--macos-glass-border) px-1.5 py-0.5 text-[11px]", children: "⌘K" }),
+          " ",
+          "to toggle"
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          items: n,
+          open: s,
+          onOpenChange: t,
+          placeholder: "Type a command or search..."
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Features", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      {
+        icon: /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
+        title: "Real-time Filtering",
+        desc: "Fuzzy search across labels and groups"
+      },
+      {
+        icon: /* @__PURE__ */ e(N, { className: "h-4 w-4" }),
+        title: "Keyboard Navigation",
+        desc: "Arrow keys to move, Enter to select, Esc to close"
+      },
+      {
+        icon: /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
+        title: "Grouped Results",
+        desc: "Items organized by category with headers"
+      },
+      {
+        icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+        title: "Glass Material",
+        desc: "Prominent blur, translucent background, spatial depth"
+      }
+    ].map((a) => /* @__PURE__ */ o(
+      "div",
+      {
+        className: "flex gap-3 rounded-lg bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm border border-(--macos-glass-border-subtle)",
+        children: [
+          /* @__PURE__ */ e("div", { className: "mt-0.5 text-(--macos-tahoe-accent)", children: a.icon }),
+          /* @__PURE__ */ o("div", { children: [
+            /* @__PURE__ */ e("p", { className: "text-[13px] font-medium text-(--macos-tahoe-text)", children: a.title }),
+            /* @__PURE__ */ e("p", { className: "text-[12px] text-(--macos-tahoe-text-muted)", children: a.desc })
+          ] })
+        ]
+      },
+      a.title
+    )) }) }) }),
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(r, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
+      p,
+      {
+        code: `import { MacOSTahoeCommandPalette } from '@e-burgos/tucu-ui';
+
+const items = [
+  {
+    id: '1',
+    label: 'New File',
+    icon: <FilePlusIcon />,
+    shortcut: '⌘N',
+    group: 'File',
+    onSelect: () => createFile(),
+  },
+  // ...more items
+];
+
+<MacOSTahoeCommandPalette
+  items={items}
+  open={isOpen}
+  onOpenChange={setIsOpen}
+  placeholder="Type a command..."
+  triggerKey="k"  // ⌘K to toggle
+/>`,
+        language: "tsx"
+      }
+    ) }) }),
+    /* @__PURE__ */ e(
+      g,
+      {
+        componentName: "MacOSTahoeCommandPalette",
+        defaultValues: {
+          placeholder: "Type a command or search...",
+          triggerKey: "k"
+        },
+        includeProps: ["placeholder", "triggerKey"],
+        excludeProps: ["className", "items", "open", "onOpenChange"],
+        children: (a) => /* @__PURE__ */ e(S, { ...a })
+      }
+    ),
+    /* @__PURE__ */ e(u, { componentName: "MacOSTahoeCommandPalette" })
+  ] });
+};
+export {
+  B as default
+};

package/documentation/TahoeDialogSection-JnVEuZ_D.js

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

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

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