@e-burgos/tucu-ui 2.4.1 → 2.6.0

package/documentation/TahoeSegmentedControlSection-DaPH0Wkn.js

@@ -1,178 +0,0 @@
-import { jsxs as l, Fragment as r, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { H as h, C as o, a as i, bI as a, c as u, P as v, A as b } from "../index-BOVWnu1L.js";
-import { ToggleLeft as p, List as g, Grid3x3 as x, Columns3 as f } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-function C(t) {
-  const [n, s] = d("day");
-  return /* @__PURE__ */ e(
-    a,
-    {
-      options: [
-        { label: "Day", value: "day" },
-        { label: "Week", value: "week" },
-        { label: "Month", value: "month" }
-      ],
-      value: n,
-      onChange: s,
-      size: t.size,
-      fullWidth: t.fullWidth
-    }
-  );
-}
-const z = () => {
-  const [t, n] = d("list"), [s, m] = d("all");
-  return /* @__PURE__ */ l(r, { children: [
-    /* @__PURE__ */ e(
-      h,
-      {
-        title: "Segmented Control",
-        description: "Glass-material segmented control with prominent backdrop for the active segment. Supports icons, sizes, full-width mode, and disabled options.",
-        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-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50", children: /* @__PURE__ */ e(p, { 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(o, { children: /* @__PURE__ */ e(i, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-4 items-start", children: [
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-(--macos-tahoe-text-muted) mb-1 block", children: "Small" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            size: "sm",
-            options: [
-              { label: "Day", value: "day" },
-              { label: "Week", value: "week" },
-              { label: "Month", value: "month" }
-            ],
-            value: "day",
-            onChange: () => {
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-(--macos-tahoe-text-muted) mb-1 block", children: "Medium (default)" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            size: "md",
-            options: [
-              { label: "Day", value: "day" },
-              { label: "Week", value: "week" },
-              { label: "Month", value: "month" }
-            ],
-            value: "week",
-            onChange: () => {
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ e("span", { className: "text-[12px] text-(--macos-tahoe-text-muted) mb-1 block", children: "Large" }),
-        /* @__PURE__ */ e(
-          a,
-          {
-            size: "lg",
-            options: [
-              { label: "Day", value: "day" },
-              { label: "Week", value: "week" },
-              { label: "Month", value: "month" }
-            ],
-            value: "month",
-            onChange: () => {
-            }
-          }
-        )
-      ] })
-    ] }) }) }),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ l(i, { title: "With Icons", className: "mt-2 mb-2", children: [
-      /* @__PURE__ */ e(
-        a,
-        {
-          options: [
-            {
-              label: "List",
-              value: "list",
-              icon: /* @__PURE__ */ e(g, { className: "h-3.5 w-3.5" })
-            },
-            {
-              label: "Grid",
-              value: "grid",
-              icon: /* @__PURE__ */ e(x, { className: "h-3.5 w-3.5" })
-            },
-            {
-              label: "Columns",
-              value: "columns",
-              icon: /* @__PURE__ */ e(f, { className: "h-3.5 w-3.5" })
-            }
-          ],
-          value: t,
-          onChange: n
-        }
-      ),
-      /* @__PURE__ */ l("p", { className: "mt-2 text-[12px] text-(--macos-tahoe-text-muted)", children: [
-        "Selected: ",
-        t
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(i, { title: "Full Width", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "max-w-md", children: /* @__PURE__ */ e(
-      a,
-      {
-        fullWidth: !0,
-        options: [
-          { label: "All", value: "all" },
-          { label: "Active", value: "active" },
-          { label: "Archived", value: "archived" }
-        ],
-        value: s,
-        onChange: m
-      }
-    ) }) }) }),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(i, { title: "With Disabled Option", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      a,
-      {
-        options: [
-          { label: "Option A", value: "a" },
-          { label: "Option B", value: "b", disabled: !0 },
-          { label: "Option C", value: "c" }
-        ],
-        value: "a",
-        onChange: () => {
-        }
-      }
-    ) }) }),
-    /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(i, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-      u,
-      {
-        code: `import { MacOSTahoeSegmentedControl } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeSegmentedControl
-  options={[
-    { label: 'List', value: 'list', icon: <ListIcon /> },
-    { label: 'Grid', value: 'grid', icon: <GridIcon /> },
-  ]}
-  value={view}
-  onChange={setView}
-  size="md"
-  fullWidth={false}
-/>`,
-        language: "tsx"
-      }
-    ) }) }),
-    /* @__PURE__ */ e(
-      v,
-      {
-        componentName: "MacOSTahoeSegmentedControl",
-        defaultValues: { size: "md", fullWidth: !1 },
-        includeProps: ["size", "fullWidth"],
-        excludeProps: ["className", "options", "value", "onChange"],
-        children: (c) => /* @__PURE__ */ e(C, { ...c })
-      }
-    ),
-    /* @__PURE__ */ e(b, { componentName: "MacOSTahoeSegmentedControl" })
-  ] });
-};
-export {
-  z as TahoeSegmentedControlSection,
-  z as default
-};

package/documentation/TahoeToolbarSection-BW0JhTAj.js

@@ -1,81 +0,0 @@
-import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
-import { H as d, C as r, a as t, bB as l, c as i } from "../index-BOVWnu1L.js";
-import { PanelTop as n, Search as o, Bell as c, Plus as h, ChevronLeft as m, Settings as b } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const f = () => /* @__PURE__ */ a(s, { children: [
-  /* @__PURE__ */ e(
-    d,
-    {
-      title: "MacOSToolbarTahoe",
-      description: "Tahoe-style toolbar with Liquid Glass blur, leading / center / trailing slots, optional border, and a title shorthand.",
-      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(n, { 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(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "With Leading & Trailing", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
-    /* @__PURE__ */ e(
-      l,
-      {
-        leading: /* @__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"
-        ] }),
-        title: "Dashboard",
-        trailing: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(o, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(c, { className: "h-4 w-4" }) }),
-          /* @__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(h, { className: "h-3.5 w-3.5" }),
-            "New"
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Center Slot (Custom Content)", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
-    /* @__PURE__ */ e(
-      l,
-      {
-        center: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-[10px] bg-black/5 dark:bg-white/8 px-3 py-1.5", children: [
-          /* @__PURE__ */ e(o, { className: "h-3.5 w-3.5 text-gray-400" }),
-          /* @__PURE__ */ e("span", { className: "text-sm text-gray-400", children: "Search…" })
-        ] }),
-        trailing: /* @__PURE__ */ e("button", { className: "rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8", children: /* @__PURE__ */ e(b, { className: "h-4 w-4" }) })
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Without Border", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
-    /* @__PURE__ */ e(l, { title: "No Border", bordered: !1 }),
-    /* @__PURE__ */ e("div", { className: "flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Content area" })
-  ] }) }) }) }),
-  /* @__PURE__ */ e(r, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    i,
-    {
-      language: "tsx",
-      code: `import { MacOSToolbarTahoe } from '@e-burgos/tucu-ui';
-
-function Page() {
-  return (
-    <div className="flex flex-col h-full">
-      <MacOSToolbarTahoe
-        leading={<BackButton />}
-        title="Dashboard"
-        trailing={<NewButton />}
-        bordered
-      />
-      <main className="flex-1 overflow-auto p-6">
-        <YourContent />
-      </main>
-    </div>
-  );
-}`
-    }
-  ) }) }) })
-] });
-export {
-  f as TahoeToolbarSection,
-  f as default
-};

package/documentation/TahoeToolbarSection-CiBO45zJ.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-CQ1tqJiQ.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:"MacOSToolbarTahoe",description:"Tahoe-style toolbar with Liquid Glass blur, leading / center / trailing slots, optional border, and a title shorthand.",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(r.PanelTop,{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 Leading & Trailing",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{leading: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"]}),title:"Dashboard",trailing:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Search,{className:"h-4 w-4"})}),e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Bell,{className:"h-4 w-4"})}),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"]})]})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Center Slot (Custom Content)",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{center:e.jsxs("div",{className:"flex items-center gap-2 rounded-[10px] bg-black/5 dark:bg-white/8 px-3 py-1.5",children:[e.jsx(r.Search,{className:"h-3.5 w-3.5 text-gray-400"}),e.jsx("span",{className:"text-sm text-gray-400",children:"Search…"})]}),trailing:e.jsx("button",{className:"rounded-[8px] p-1.5 text-gray-500 hover:bg-black/5 dark:hover:bg-white/8",children:e.jsx(r.Settings,{className:"h-4 w-4"})})}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Border",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"rounded-[14px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSToolbarTahoe,{title:"No Border",bordered:!1}),e.jsx("div",{className:"flex h-24 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Content area"})]})})})}),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 { MacOSToolbarTahoe } from '@e-burgos/tucu-ui';
-
-function Page() {
-  return (
-    <div className="flex flex-col h-full">
-      <MacOSToolbarTahoe
-        leading={<BackButton />}
-        title="Dashboard"
-        trailing={<NewButton />}
-        bordered
-      />
-      <main className="flex-1 overflow-auto p-6">
-        <YourContent />
-      </main>
-    </div>
-  );
-}`})})})})]});exports.TahoeToolbarSection=s;exports.default=s;

package/documentation/TahoeWidgetSection-B8VHeOdO.js

@@ -1,121 +0,0 @@
-import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { H as d, C as l, a as c, bF as a, bG as i, c as n, P as m, A as h } from "../index-BOVWnu1L.js";
-import { LayoutDashboard as r, CloudSun as x, Calendar as p, Activity as u, StickyNote as g } from "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const T = () => /* @__PURE__ */ t(o, { children: [
-  /* @__PURE__ */ e(
-    d,
-    {
-      title: "Widget",
-      description: "Glass-material widget cards in four fixed sizes, matching Apple HIG widget dimensions. Includes an optional header with icon, title, subtitle, and 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-violet-500 via-purple-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50", children: /* @__PURE__ */ e(r, { 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__ */ e(c, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-5 items-end", children: [
-    /* @__PURE__ */ t(a, { size: "sm", children: [
-      /* @__PURE__ */ e(
-        i,
-        {
-          title: "Weather",
-          icon: /* @__PURE__ */ e(x, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-3xl font-light text-[var(--macos-tahoe-text)]", children: "24°" }) })
-    ] }),
-    /* @__PURE__ */ t(a, { size: "md", children: [
-      /* @__PURE__ */ e(
-        i,
-        {
-          title: "Calendar",
-          subtitle: "Today",
-          icon: /* @__PURE__ */ e(p, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center px-4", children: /* @__PURE__ */ t("div", { className: "text-[var(--macos-tahoe-text)]", children: [
-        /* @__PURE__ */ e("p", { className: "text-[20px] font-semibold", children: "December 15" }),
-        /* @__PURE__ */ e("p", { className: "text-[13px] text-[var(--macos-tahoe-text-muted)]", children: "3 upcoming events" })
-      ] }) })
-    ] })
-  ] }) }) }),
-  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(c, { title: "Large & Extra Large", className: "mt-2 mb-2", children: /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-5 items-end", children: [
-    /* @__PURE__ */ t(a, { size: "lg", children: [
-      /* @__PURE__ */ e(
-        i,
-        {
-          title: "Activity",
-          icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" })
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center p-3", children: /* @__PURE__ */ t("div", { className: "text-center text-[var(--macos-tahoe-text)]", children: [
-        /* @__PURE__ */ e("p", { className: "text-[36px] font-light", children: "520" }),
-        /* @__PURE__ */ e("p", { className: "text-[11px] uppercase tracking-wider text-[var(--macos-tahoe-text-muted)]", children: "calories" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ t(a, { size: "xl", children: [
-      /* @__PURE__ */ e(
-        i,
-        {
-          title: "Notes",
-          subtitle: "3 notes",
-          icon: /* @__PURE__ */ e(g, { className: "h-4 w-4" }),
-          actions: /* @__PURE__ */ e("button", { className: "text-[12px] text-[var(--macos-tahoe-accent)]", children: "View All" })
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "flex-1 space-y-2 overflow-auto p-3.5 pt-2", children: ["Meeting notes", "Shopping list", "Ideas for project"].map(
-        (s) => /* @__PURE__ */ e(
-          "div",
-          {
-            className: "rounded-lg bg-[var(--macos-glass-clear-bg)] p-2.5 text-[13px] text-[var(--macos-tahoe-text)] backdrop-blur-sm border border-[var(--macos-glass-border-subtle)]",
-            children: s
-          },
-          s
-        )
-      ) })
-    ] })
-  ] }) }) }),
-  /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e(
-    n,
-    {
-      code: `import { MacOSTahoeWidget, MacOSTahoeWidgetHeader } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeWidget size="md">
-  <MacOSTahoeWidgetHeader
-    title="Calendar"
-    subtitle="Today"
-    icon={<CalendarIcon />}
-    actions={<button>View All</button>}
-  />
-  <div className="p-4">Widget content</div>
-</MacOSTahoeWidget>
-
-// Sizes: 'sm' (170×170), 'md' (364×170), 'lg' (170×364), 'xl' (364×364)`,
-      language: "tsx"
-    }
-  ) }) }),
-  /* @__PURE__ */ e(
-    m,
-    {
-      componentName: "MacOSTahoeWidget",
-      defaultValues: { size: "md" },
-      includeProps: ["size"],
-      excludeProps: ["className"],
-      children: (s) => /* @__PURE__ */ e("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ t(a, { ...s, children: [
-        /* @__PURE__ */ e(
-          i,
-          {
-            title: "Preview",
-            icon: /* @__PURE__ */ e(r, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-2xl font-light text-[var(--macos-tahoe-text)]", children: "Content" }) })
-      ] }) })
-    }
-  ),
-  /* @__PURE__ */ e(h, { componentName: "MacOSTahoeWidget" })
-] });
-export {
-  T as TahoeWidgetSection,
-  T as default
-};

package/documentation/TahoeWidgetSection-Cnsa_IF4.js

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-CQ1tqJiQ.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Widget",description:"Glass-material widget cards in four fixed sizes, matching Apple HIG widget dimensions. Includes an optional header with icon, title, subtitle, and 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-violet-500 via-purple-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:e.jsx(a.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(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"sm",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsx("span",{className:"text-3xl font-light text-[var(--macos-tahoe-text)]",children:"24°"})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"md",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Calendar",subtitle:"Today",icon:e.jsx(a.Calendar,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center px-4",children:e.jsxs("div",{className:"text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[20px] font-semibold",children:"December 15"}),e.jsx("p",{className:"text-[13px] text-[var(--macos-tahoe-text-muted)]",children:"3 upcoming events"})]})})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Large & Extra Large",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-5 items-end",children:[e.jsxs(t.MacOSTahoeWidget,{size:"lg",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Activity",icon:e.jsx(a.Activity,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center p-3",children:e.jsxs("div",{className:"text-center text-[var(--macos-tahoe-text)]",children:[e.jsx("p",{className:"text-[36px] font-light",children:"520"}),e.jsx("p",{className:"text-[11px] uppercase tracking-wider text-[var(--macos-tahoe-text-muted)]",children:"calories"})]})})]}),e.jsxs(t.MacOSTahoeWidget,{size:"xl",children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Notes",subtitle:"3 notes",icon:e.jsx(a.StickyNote,{className:"h-4 w-4"}),actions:e.jsx("button",{className:"text-[12px] text-[var(--macos-tahoe-accent)]",children:"View All"})}),e.jsx("div",{className:"flex-1 space-y-2 overflow-auto p-3.5 pt-2",children:["Meeting notes","Shopping list","Ideas for project"].map(s=>e.jsx("div",{className:"rounded-lg bg-[var(--macos-glass-clear-bg)] p-2.5 text-[13px] text-[var(--macos-tahoe-text)] backdrop-blur-sm border border-[var(--macos-glass-border-subtle)]",children:s},s))})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWidget, MacOSTahoeWidgetHeader } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeWidget size="md">
-  <MacOSTahoeWidgetHeader
-    title="Calendar"
-    subtitle="Today"
-    icon={<CalendarIcon />}
-    actions={<button>View All</button>}
-  />
-  <div className="p-4">Widget content</div>
-</MacOSTahoeWidget>
-
-// Sizes: 'sm' (170×170), 'md' (364×170), 'lg' (170×364), 'xl' (364×364)`,language:"tsx"})})}),e.jsx(t.PropPlayground,{componentName:"MacOSTahoeWidget",defaultValues:{size:"md"},includeProps:["size"],excludeProps:["className"],children:s=>e.jsx("div",{className:"flex justify-center p-4",children:e.jsxs(t.MacOSTahoeWidget,{...s,children:[e.jsx(t.MacOSTahoeWidgetHeader,{title:"Preview",icon:e.jsx(a.LayoutDashboard,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex flex-1 items-center justify-center",children:e.jsx("span",{className:"text-2xl font-light text-[var(--macos-tahoe-text)]",children:"Content"})})]})})}),e.jsx(t.AutoPropsTable,{componentName:"MacOSTahoeWidget"})]});exports.TahoeWidgetSection=i;exports.default=i;

package/documentation/TahoeWindowSection-CdvHTZrj.js

@@ -1,24 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),t=require("../index-CQ1tqJiQ.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");function r({onClick:i}){return e.jsxs("button",{type:"button",onClick:i,className:"mt-3 flex items-center gap-2 rounded-lg bg-(--color-brand) px-3 py-1.5 text-[13px] font-medium text-white transition-opacity hover:opacity-80",children:[e.jsx(m.RotateCcw,{className:"h-3.5 w-3.5"}),"Restore Window"]})}function d(){const[i,l]=h.useState(0),[o,s]=h.useState(!1);return{key:i,closed:o,onClose:()=>s(!0),restore:()=>{s(!1),l(a=>a+1)}}}const x=()=>{const i=d(),l=d(),o=d(),s=d(),n=d(),c=d(),a=d();return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Window",description:"Liquid Glass window with translucent title bar, traffic lights, and optional resize handles. Supports close, minimize, fullscreen, and portal rendering.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-slate-500 via-indigo-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:e.jsx(m.AppWindow,{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:"Default Window",className:"mt-2 mb-2",children:e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-blue-500/20 to-purple-500/20 p-8",style:{minHeight:320},children:[e.jsx(t.MacOSTahoeWindow,{title:"Liquid Glass Window",width:420,defaultState:i.closed?"closed":"normal",onClose:i.onClose,children:e.jsxs("div",{className:"p-6 text-sm text-(--macos-tahoe-text)",children:[e.jsx("p",{className:"mb-2 font-medium",children:"Glass Material Window"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["This window uses ",e.jsx("code",{children:"--macos-glass-regular-bg"})," for its translucent background and ",e.jsx("code",{children:"--macos-glass-clear-bg"})," ","for the title bar, creating the characteristic Tahoe layered glass effect."]})]})},i.key),i.closed&&e.jsx(r,{onClick:i.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Traffic Lights Behavior",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["🔴 Close hides the window  ·  🟡 Minimize collapses to header only  ·  🟢 Maximize restores or toggles fullscreen (with ",e.jsx("code",{children:"fullSize"}),"). Use ",e.jsx("code",{children:"defaultState"})," to restore programmatically."]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Try the buttons",width:"100%",fullSize:!0,defaultState:l.closed?"closed":"normal",onClose:l.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Click 🔴 to close, 🟡 to minimize, 🟢 to fullscreen."})},l.key),l.closed&&e.jsx(r,{onClick:l.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Disabled Close",width:"100%",disableClose:!0,defaultState:o.closed?"closed":"normal",onClose:o.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"The close button is disabled. Minimize and maximize still work."})},o.key),o.closed&&e.jsx(r,{onClick:o.restore})]})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Traffic Lights Positions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-indigo-500/20 to-blue-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Left (default)",width:"100%",defaultState:s.closed?"closed":"normal",onClose:s.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the left side."})},s.key),s.closed&&e.jsx(r,{onClick:s.restore})]}),e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-teal-500/20 to-green-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Right",width:"100%",trafficLightsPosition:"right",defaultState:n.closed?"closed":"normal",onClose:n.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Traffic lights on the right side."})},n.key),n.closed&&e.jsx(r,{onClick:n.restore})]})]})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"No Traffic Lights",className:"mt-2 mb-2",children:e.jsxs("div",{className:"rounded-xl bg-linear-to-br from-amber-500/20 to-orange-500/20 p-6",children:[e.jsx(t.MacOSTahoeWindow,{title:"Clean Window",width:360,showTrafficLights:!1,defaultState:c.closed?"closed":"normal",onClose:c.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Window without traffic light controls — ideal for utility panels or embedded views."})},c.key),c.closed&&e.jsx(r,{onClick:c.restore})]})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"Draggable Window",className:"mt-2 mb-2",children:[e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:["With ",e.jsx("code",{children:"draggable"}),", grab the title bar to move the window freely across the viewport. It automatically portals when dragged."]}),e.jsxs("div",{className:"relative w-full overflow-hidden rounded-xl bg-linear-to-br from-rose-500/20 to-pink-500/20 p-8",style:{minHeight:280},children:[e.jsx(t.MacOSTahoeWindow,{title:"Drag me!",width:380,draggable:!0,defaultState:a.closed?"closed":"normal",onClose:a.onClose,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Grab the title bar and drag this window anywhere on the screen."})},a.key),a.closed&&e.jsx(r,{onClick:a.restore})]})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeWindow } from '@e-burgos/tucu-ui';
-
-<MacOSTahoeWindow
-  title="My Window"
-  showTrafficLights
-  trafficLightsPosition="left"   // 'left' | 'right'
-  resizable
-  fullSize                        // 🟢 second click = fullscreen
-  portal                          // renders via portal
-  defaultState="normal"           // 'normal' | 'minimized' | 'fullscreen' | 'closed'
-  width={480}
-  height={320}
-  minWidth={200}
-  minHeight={120}
-  disableClose                    // disable 🔴
-  disableMinimize                 // disable 🟡
-  disableMaximize                 // disable 🟢
-  draggable                        // drag by title bar
-  onClose={() => setClosed(true)}
-  onMinimize={() => console.log('minimize')}
-  onMaximize={() => console.log('maximize')}
->
-  <div className="p-6">Window content</div>
-</MacOSTahoeWindow>`,language:"tsx"})})}),e.jsx(t.PropPlayground,{componentName:"MacOSTahoeWindow",defaultValues:{title:"My Window",defaultState:"normal",trafficLightsPosition:"left",showTrafficLights:!0,disableClose:!1,disableMinimize:!1,disableMaximize:!1,draggable:!1,fullSize:!1,resizable:!1,portal:!1,width:380,minWidth:200,minHeight:120},includeProps:["title","defaultState","trafficLightsPosition","showTrafficLights","disableClose","disableMinimize","disableMaximize","draggable","fullSize","resizable","portal","width","minWidth","minHeight"],excludeProps:["className","height","titleBarClassName","onClose","onMinimize","onMaximize"],children:g=>e.jsx("div",{className:"relative rounded-xl bg-linear-to-br from-slate-500/20 to-indigo-500/20 p-8",style:{minHeight:220},children:e.jsx(t.MacOSTahoeWindow,{...g,children:e.jsx("div",{className:"p-4 text-[13px] text-(--macos-tahoe-text)",children:"Interactive window — adjust props above."})})})}),e.jsx(t.AutoPropsTable,{componentName:"MacOSTahoeWindow"})]})};exports.TahoeWindowSection=x;exports.default=x;