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