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-sdOMz8GW.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
};
