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