@e-burgos/tucu-ui 2.5.0 → 2.6.0

package/documentation/TahoeLayoutSidebarSection-BBtU52ML.js

@@ -1,114 +0,0 @@
-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 as l } from "../index-DYDFy1df.js";
-import { PanelLeftClose as d, LayoutDashboard as c, Play as m, Archive as h, FolderKanban as p, BarChart2 as u, Users as b, Settings as w } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const t = [
-  {
-    name: "Dashboard",
-    icon: /* @__PURE__ */ e(c, { 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(u, { className: "h-4 w-4" }),
-    path: "/analytics"
-  },
-  {
-    name: "Team",
-    icon: /* @__PURE__ */ e(b, { 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(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, { 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-border 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-border 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(
-    l,
-    {
-      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/TahoeLayoutSidebarSection-CtTixYWq.js

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

@@ -1,144 +0,0 @@
-import { jsxs as s, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { H as l, C as i, a as t, bN as a, c as r, P as c, A as d } from "../index-DYDFy1df.js";
-import { Bell as m, CloudUpload as h } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const v = () => /* @__PURE__ */ s(n, { children: [
-  /* @__PURE__ */ e(
-    l,
-    {
-      title: "Notification Banner",
-      description: "Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",
-      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-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50", children: /* @__PURE__ */ e(m, { 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(i, { children: /* @__PURE__ */ e(t, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 max-w-lg", children: [
-    /* @__PURE__ */ e(
-      a,
-      {
-        variant: "info",
-        title: "New update available",
-        message: "macOS Tahoe 26.1 is ready to be installed.",
-        dismissible: !1
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        variant: "success",
-        title: "Changes saved",
-        message: "Your preferences have been updated successfully.",
-        dismissible: !1
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        variant: "warning",
-        title: "Low disk space",
-        message: "Only 2.3 GB remaining on Macintosh HD.",
-        dismissible: !1
-      }
-    ),
-    /* @__PURE__ */ e(
-      a,
-      {
-        variant: "error",
-        title: "Connection failed",
-        message: "Unable to connect to the server. Please check your network.",
-        dismissible: !1
-      }
-    )
-  ] }) }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "With Actions (Array)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
-    a,
-    {
-      variant: "info",
-      title: "Update available",
-      message: "A new version is ready to download.",
-      actions: [
-        { label: "Update Now", onClick: () => alert("updating…") },
-        { label: "Later", onClick: () => {
-        } }
-      ]
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "With Actions (ReactNode)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
-    a,
-    {
-      variant: "info",
-      title: "Update available",
-      message: "A new version is ready to download.",
-      actions: /* @__PURE__ */ s(n, { children: [
-        /* @__PURE__ */ e("button", { className: "rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white", children: "Update Now" }),
-        /* @__PURE__ */ e("button", { className: "rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]", children: "Later" })
-      ] })
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Custom Icon", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
-    a,
-    {
-      variant: "success",
-      title: "File uploaded",
-      message: "photo-2024.jpg has been uploaded to iCloud.",
-      icon: /* @__PURE__ */ e(h, { className: "h-5 w-5" })
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Dismissible (default)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-lg", children: /* @__PURE__ */ e(
-    a,
-    {
-      variant: "warning",
-      title: "Dismiss me",
-      message: "Click the X button to dismiss this notification."
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-    r,
-    {
-      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"
-    }
-  ) }) }),
-  /* @__PURE__ */ e(
-    c,
-    {
-      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: (o) => /* @__PURE__ */ e("div", { className: "max-w-lg w-full", children: /* @__PURE__ */ e(a, { ...o }) })
-    }
-  ),
-  /* @__PURE__ */ e(d, { componentName: "MacOSTahoeNotificationBanner" })
-] });
-export {
-  v as TahoeNotificationBannerSection,
-  v as default
-};

package/documentation/TahoeNotificationBannerSection-E_QfykrY.js

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

package/documentation/TahoePopoverSection-BALDKfWy.js

@@ -1,220 +0,0 @@
-import { jsxs as l, Fragment as g, jsx as e } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { H as f, C as n, a as m, bO as r, c as N, P as v, A as C, bP as a } from "../index-DYDFy1df.js";
-import { MousePointerClick as O, FilePlus as h, FolderOpen as b, Save as P, Download as w, Trash2 as u } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-function k(s) {
-  const [o, t] = c(!1);
-  return /* @__PURE__ */ e(
-    r,
-    {
-      ...s,
-      isOpen: o,
-      onClose: () => t(!1),
-      content: /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "New File",
-            icon: /* @__PURE__ */ e(h, { className: "h-4 w-4" }),
-            shortcut: "⌘N",
-            onClick: () => t(!1)
-          }
-        ),
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "Open...",
-            icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-            shortcut: "⌘O",
-            onClick: () => t(!1)
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            label: "Delete",
-            icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
-            destructive: !0,
-            onClick: () => t(!1)
-          }
-        )
-      ] }),
-      children: /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => t(!o),
-          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 Menu"
-        }
-      )
-    }
-  );
-}
-const D = () => {
-  const [s, o] = c(!1), [t, i] = c(!1), [d, p] = c(!1);
-  return /* @__PURE__ */ l(g, { children: [
-    /* @__PURE__ */ e(
-      f,
-      {
-        title: "Popover",
-        description: "Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",
-        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-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50", children: /* @__PURE__ */ e(O, { 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(n, { children: /* @__PURE__ */ e(m, { title: "Basic Menu", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      r,
-      {
-        isOpen: s,
-        onClose: () => o(!1),
-        placement: "bottom-start",
-        content: /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "New File",
-              icon: /* @__PURE__ */ e(h, { className: "h-4 w-4" }),
-              shortcut: "⌘N",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Open...",
-              icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
-              shortcut: "⌘O",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Save",
-              icon: /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
-              shortcut: "⌘S",
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Export",
-              icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
-              onClick: () => o(!1)
-            }
-          ),
-          /* @__PURE__ */ e("div", { className: "my-1 h-px bg-(--macos-glass-border-subtle)" }),
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: "Delete",
-              icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
-              destructive: !0,
-              onClick: () => o(!1)
-            }
-          )
-        ] }),
-        children: /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: () => o(!s),
-            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: "File Menu"
-          }
-        )
-      }
-    ) }) }),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(m, { title: "Placements", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: [
-      /* @__PURE__ */ e(
-        r,
-        {
-          isOpen: t,
-          onClose: () => i(!1),
-          placement: "bottom-start",
-          content: /* @__PURE__ */ e("div", { className: "p-2 text-[13px] text-(--macos-tahoe-text)", children: "Bottom Start" }),
-          children: /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => i(!t),
-              className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",
-              children: "bottom-start"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        r,
-        {
-          isOpen: d,
-          onClose: () => p(!1),
-          placement: "bottom-end",
-          content: /* @__PURE__ */ e("div", { className: "p-2 text-[13px] text-(--macos-tahoe-text)", children: "Bottom End" }),
-          children: /* @__PURE__ */ e(
-            "button",
-            {
-              onClick: () => p(!d),
-              className: "rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",
-              children: "bottom-end"
-            }
-          )
-        }
-      )
-    ] }) }) }),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(m, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      N,
-      {
-        code: `import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
-
-<MacOSTahoePopover
-  isOpen={open}
-  onClose={() => setOpen(false)}
-  placement="bottom-start"
-  content={
-    <>
-      <MacOSTahoePopoverItem
-        label="New File"
-        icon={<FilePlusIcon />}
-        shortcut="⌘N"
-        onClick={() => {}}
-      />
-      <MacOSTahoePopoverItem
-        label="Delete"
-        destructive
-        onClick={() => {}}
-      />
-    </>
-  }
->
-  <button onClick={() => setOpen(true)}>Open</button>
-</MacOSTahoePopover>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      v,
-      {
-        componentName: "MacOSTahoePopover",
-        defaultValues: { placement: "bottom-start", minWidth: 200 },
-        includeProps: ["placement", "minWidth"],
-        excludeProps: [
-          "className",
-          "contentClassName",
-          "content",
-          "isOpen",
-          "onClose",
-          "children"
-        ],
-        children: (x) => /* @__PURE__ */ e(k, { ...x })
-      }
-    ),
-    /* @__PURE__ */ e(C, { componentName: "MacOSTahoePopover" })
-  ] });
-};
-export {
-  D as TahoePopoverSection,
-  D as default
-};

package/documentation/TahoePopoverSection-DxyiMe8a.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("../index-COp_AWCS.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function x(l){const[s,a]=r.useState(!1);return e.jsx(o.MacOSTahoePopover,{...l,isOpen:s,onClose:()=>a(!1),content:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>a(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>a(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>a(!1)})]}),children:e.jsx("button",{onClick:()=>a(!s),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 Menu"})})}const m=()=>{const[l,s]=r.useState(!1),[a,c]=r.useState(!1),[n,i]=r.useState(!1),d=e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Save",icon:e.jsx(t.Save,{className:"h-4 w-4"}),shortcut:"⌘S",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Export",icon:e.jsx(t.Download,{className:"h-4 w-4"}),onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>s(!1)})]});return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Popover",description:"Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",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-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Basic Menu",className:"mt-2 mb-2",children:e.jsx(o.MacOSTahoePopover,{isOpen:l,onClose:()=>s(!1),placement:"bottom-start",content:d,children:e.jsx("button",{onClick:()=>s(!l),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:"File Menu"})})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Placements",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(o.MacOSTahoePopover,{isOpen:a,onClose:()=>c(!1),placement:"bottom-start",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom Start"}),children:e.jsx("button",{onClick:()=>c(!a),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-start"})}),e.jsx(o.MacOSTahoePopover,{isOpen:n,onClose:()=>i(!1),placement:"bottom-end",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom End"}),children:e.jsx("button",{onClick:()=>i(!n),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-end"})})]})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(o.CodeBlock,{code:`import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
-
-<MacOSTahoePopover
-  isOpen={open}
-  onClose={() => setOpen(false)}
-  placement="bottom-start"
-  content={
-    <>
-      <MacOSTahoePopoverItem
-        label="New File"
-        icon={<FilePlusIcon />}
-        shortcut="⌘N"
-        onClick={() => {}}
-      />
-      <MacOSTahoePopoverItem
-        label="Delete"
-        destructive
-        onClick={() => {}}
-      />
-    </>
-  }
->
-  <button onClick={() => setOpen(true)}>Open</button>
-</MacOSTahoePopover>`,language:"tsx"})})}),e.jsx(o.PropPlayground,{componentName:"MacOSTahoePopover",defaultValues:{placement:"bottom-start",minWidth:200},includeProps:["placement","minWidth"],excludeProps:["className","contentClassName","content","isOpen","onClose","children"],children:p=>e.jsx(x,{...p})}),e.jsx(o.AutoPropsTable,{componentName:"MacOSTahoePopover"})]})};exports.TahoePopoverSection=m;exports.default=m;

package/documentation/TahoeProgressBarSection--ntwmqLK.js

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-COp_AWCS.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[i,o]=l.useState(0);return l.useEffect(()=>{const r=setInterval(()=>{o(s=>s>=100?0:s+1)},80);return()=>clearInterval(r)},[]),e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Progress Bar",description:"Determinate and indeterminate progress indicators with glass material track, accent fill, and optional label/value display.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-violet-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.Activity,{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:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:35,size:"sm",label:"Small",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:60,size:"md",label:"Medium (default)",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:85,size:"lg",label:"Large",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Animated (Determinate)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(a.MacOSTahoeProgressBar,{value:i,size:"md",label:"Downloading update...",showValue:!0})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Indeterminate",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"sm"}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"md",label:"Loading..."}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"lg",label:"Processing files..."})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Static Values",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:0,label:"0%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:25,label:"25%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:50,label:"50%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:75,label:"75%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:100,label:"Complete",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeProgressBar } from '@e-burgos/tucu-ui';
-
-// Determinate
-<MacOSTahoeProgressBar
-  value={65}
-  size="md"
-  label="Uploading..."
-  showValue
-/>
-
-// Indeterminate
-<MacOSTahoeProgressBar
-  indeterminate
-  size="md"
-  label="Loading..."
-/>`,language:"tsx"})})}),e.jsx(a.PropPlayground,{componentName:"MacOSTahoeProgressBar",defaultValues:{value:65,size:"md",label:"Loading...",showValue:!0,indeterminate:!1},includeProps:["value","size","label","showValue","indeterminate"],excludeProps:["className"],children:r=>e.jsx("div",{className:"max-w-md w-full",children:e.jsx(a.MacOSTahoeProgressBar,{...r})})}),e.jsx(a.AutoPropsTable,{componentName:"MacOSTahoeProgressBar"})]})};exports.TahoeProgressBarSection=t;exports.default=t;