react-component-kit-ui 0.0.0-stage → 0.1.0

package/dist/chunks/AuthCard-BkWHMFho.js

@@ -0,0 +1,1409 @@
+"use client";
+import { jsxs as t, Fragment as C, jsx as e } from "react/jsx-runtime";
+import { useRef as I, useEffect as D } from "react";
+const ce = {
+  dashboard: '<rect x="3" y="3" width="7" height="9" rx="1.5"/><rect x="14" y="3" width="7" height="5" rx="1.5"/><rect x="14" y="12" width="7" height="9" rx="1.5"/><rect x="3" y="16" width="7" height="5" rx="1.5"/>',
+  calendar: '<rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 10h18M8 3v4M16 3v4"/>',
+  bed: '<path d="M3 18V8M21 18v-5a3 3 0 0 0-3-3h-7v8M3 14h18"/><circle cx="7" cy="11" r="1.6"/>',
+  users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8"/>',
+  chart: '<path d="M3 3v18h18"/><path d="m7 15 4-4 3 3 5-6"/>',
+  sparkle: '<path d="M12 3l1.9 5.8L20 10l-6.1 1.2L12 17l-1.9-5.8L4 10l6.1-1.2z"/>',
+  settings: '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/>',
+  bell: '<path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.9 1.9 0 0 0 3.4 0"/>',
+  search: '<circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>',
+  wallet: '<rect x="2" y="6" width="20" height="14" rx="2"/><path d="M2 10h20M16 15h2"/>',
+  broom: '<path d="M14 4 20 10M9 9l6 6M4 20l5-5M9 15l-2 5 5-2"/><path d="m11 13 7-7"/>',
+  door: '<path d="M14 3H6v18h8"/><path d="M14 3l5 2v14l-5 2z"/><path d="M11 12h.01"/>',
+  plane: '<path d="M2 16l20-7-20-7 4 7z"/><path d="M6 9h8"/>',
+  logout: '<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9"/>',
+  plus: '<path d="M12 5v14M5 12h14"/>',
+  download: '<path d="M12 3v12M7 10l5 5 5-5M5 21h14"/>',
+  filter: '<path d="M3 5h18l-7 8v6l-4 2v-8z"/>',
+  more: '<circle cx="5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/>',
+  check: '<path d="M20 6 9 17l-5-5"/>',
+  x: '<path d="M18 6 6 18M6 6l12 12"/>',
+  star: '<path d="M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9z"/>',
+  mail: '<rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/>',
+  phone: '<path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/>',
+  key: '<circle cx="7.5" cy="15.5" r="4.5"/><path d="m21 2-9.6 9.6M15.5 7.5l3 3L22 7l-3-3"/>',
+  menu: '<path d="M4 6h16M4 12h16M4 18h16"/>',
+  chevron: '<path d="m9 18 6-6-6-6"/>',
+  sun: '<circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/>',
+  moon: '<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/>',
+  building: '<rect x="4" y="2" width="16" height="20" rx="2"/><path d="M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01"/>'
+};
+function B(d) {
+  return ce[d ?? "dashboard"] ?? ce.dashboard;
+}
+function F(d) {
+  return d.split(/\s+/).filter(Boolean).slice(0, 2).map((r) => r[0].toUpperCase()).join("");
+}
+function z(d) {
+  let r = 0;
+  for (let n = 0; n < d.length; n++) r = (r * 31 + d.charCodeAt(n)) % 360;
+  return r;
+}
+function oe(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function ge(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function qe({
+  workspace: d = { name: "Hotel Mirador", plan: "Pro plan", initials: "HM" },
+  groups: r = [
+    { items: [
+      { label: "Dashboard", href: "#", icon: "dashboard" },
+      { label: "Reservations", href: "#reservations", icon: "calendar", badge: 12 },
+      { label: "Rooms", href: "#rooms", icon: "bed" },
+      { label: "Guests", href: "#guests", icon: "users" }
+    ] },
+    { label: "Insights", items: [
+      { label: "Reports", href: "#reports", icon: "chart" },
+      { label: "Revenue", href: "#revenue", icon: "wallet" }
+    ] },
+    { label: "Account", items: [{ label: "Settings", href: "#settings", icon: "settings" }] }
+  ],
+  currentHref: n = "#",
+  promo: a = { title: "Channel manager", text: "3 of 5 channels connected", href: "#", cta: "Connect more", progress: 60 },
+  fullHeight: s = !0,
+  collapsible: m = !0,
+  variant: y = "surface",
+  size: g = "md",
+  id: o = "app-sidebar",
+  className: b = ""
+}) {
+  var u, h;
+  const w = I(!1);
+  return D(() => {
+    w.current || (w.current = !0, document.querySelectorAll("[data-app-sidebar]:not([data-bound])").forEach((l) => {
+      l.dataset.bound = "";
+      const i = l.querySelector("[data-collapse]"), c = `${l.id}:collapsed`, k = (f) => {
+        l.classList.toggle("is-collapsed", f), i == null || i.setAttribute("aria-pressed", String(f)), i == null || i.setAttribute("aria-label", f ? "Expand sidebar" : "Collapse sidebar");
+      };
+      try {
+        k(window.localStorage.getItem(c) === "1");
+      } catch {
+      }
+      i == null || i.addEventListener("click", () => {
+        const f = !l.classList.contains("is-collapsed");
+        k(f);
+        try {
+          window.localStorage.setItem(c, f ? "1" : "0");
+        } catch {
+        }
+      });
+      const N = l.nextElementSibling, _ = (f) => {
+        var E;
+        l.classList.toggle("is-open", f), N && (N.hidden = !f), document.querySelectorAll(`[data-sidebar-open="${l.id}"]`).forEach((S) => S.setAttribute("aria-expanded", String(f))), f && ((E = l.querySelector("a, button")) == null || E.focus());
+      };
+      document.querySelectorAll(`[data-sidebar-open="${l.id}"]`).forEach((f) => f.addEventListener("click", () => _(!l.classList.contains("is-open")))), N == null || N.addEventListener("click", () => _(!1)), document.addEventListener("keydown", (f) => {
+        f.key === "Escape" && l.classList.contains("is-open") && _(!1);
+      });
+    }));
+  }, []), /* @__PURE__ */ t(C, { children: [
+    /* @__PURE__ */ t("aside", { className: oe(["app-sb", `app-sb--${y}`, `app-sb--${g}`, { "app-sb--inline": !s }, b]), id: o, "data-app-sidebar": !0, "aria-label": "Application", "data-rk-ad73bd": "", children: [
+      /* @__PURE__ */ t("div", { className: "app-sb__top", "data-rk-ad73bd": "", children: [
+        /* @__PURE__ */ t("a", { className: "app-sb__ws", href: ((h = (u = r[0]) == null ? void 0 : u.items[0]) == null ? void 0 : h.href) ?? "#", "data-rk-ad73bd": "", children: [
+          /* @__PURE__ */ e("span", { className: "app-sb__ws-logo", "aria-hidden": "true", "data-rk-ad73bd": "", children: d.initials ?? d.name.slice(0, 2).toUpperCase() }),
+          /* @__PURE__ */ t("span", { className: "app-sb__ws-text app-sb__label", "data-rk-ad73bd": "", children: [
+            /* @__PURE__ */ e("strong", { "data-rk-ad73bd": "", children: d.name }),
+            d.plan && /* @__PURE__ */ e("small", { "data-rk-ad73bd": "", children: d.plan })
+          ] })
+        ] }),
+        m && /* @__PURE__ */ e("button", { className: "app-sb__collapse", type: "button", "aria-label": "Collapse sidebar", "aria-pressed": "false", "data-collapse": !0, "data-rk-ad73bd": "", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-ad73bd": "", children: [
+          /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", "data-rk-ad73bd": "" }),
+          /* @__PURE__ */ e("path", { d: "M9 3v18", "data-rk-ad73bd": "" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e("nav", { className: "app-sb__nav", "aria-label": "Main", "data-rk-ad73bd": "", children: r.map((l, i) => /* @__PURE__ */ t("div", { className: "app-sb__group", "data-rk-ad73bd": "", children: [
+        l.label && /* @__PURE__ */ e("p", { className: "app-sb__group-label app-sb__label", "data-rk-ad73bd": "", children: l.label }),
+        /* @__PURE__ */ e("ul", { "data-rk-ad73bd": "", children: l.items.map((c, k) => {
+          const N = c.href === n;
+          return /* @__PURE__ */ e("li", { "data-rk-ad73bd": "", children: /* @__PURE__ */ t("a", { className: oe(["app-sb__link", { "is-active": N }]), href: c.href, "aria-current": N ? "page" : void 0, "data-tip": c.label, "data-rk-ad73bd": "", children: [
+            /* @__PURE__ */ e("span", { className: "app-sb__icon", "aria-hidden": "true", "data-rk-ad73bd": "", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.9", strokeLinecap: "round", strokeLinejoin: "round", "data-rk-ad73bd": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B(c.icon) }, "data-rk-ad73bd": "" }) }) }),
+            /* @__PURE__ */ e("span", { className: "app-sb__text app-sb__label", "data-rk-ad73bd": "", children: c.label }),
+            c.badge !== void 0 && /* @__PURE__ */ e("span", { className: "app-sb__badge app-sb__label", "data-rk-ad73bd": "", children: c.badge })
+          ] }) }, k);
+        }) })
+      ] }, i)) }),
+      a && /* @__PURE__ */ t("a", { className: "app-sb__promo app-sb__label", href: a.href, "data-rk-ad73bd": "", children: [
+        /* @__PURE__ */ e("strong", { "data-rk-ad73bd": "", children: a.title }),
+        a.text && /* @__PURE__ */ e("span", { "data-rk-ad73bd": "", children: a.text }),
+        a.progress !== void 0 && /* @__PURE__ */ e("span", { className: "app-sb__meter", "aria-hidden": "true", "data-rk-ad73bd": "", children: /* @__PURE__ */ e("i", { style: ge(`width: ${a.progress}%`), "data-rk-ad73bd": "" }) }),
+        a.cta && /* @__PURE__ */ t("em", { "data-rk-ad73bd": "", children: [
+          a.cta,
+          " →"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "app-sb-backdrop", "data-sidebar-backdrop": !0, hidden: !0, "data-rk-ad73bd": "" })
+  ] });
+}
+function he(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function ye(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function je({
+  searchPlaceholder: d = "Search guests, bookings, rooms…",
+  searchAction: r = "#",
+  notifications: n = [
+    { title: "New booking from Booking.com", text: "Deluxe King · 3 nights · €612", time: "2 min ago", unread: !0, tone: "success" },
+    { title: "Room 204 reported maintenance", text: "Air conditioning not cooling", time: "18 min ago", unread: !0, tone: "warning" },
+    { title: "Payout sent", text: "€18,240 to your bank account", time: "1 h ago", tone: "info" }
+  ],
+  user: a = { name: "Lucía Ortega", role: "General manager", email: "lucia@mirador.com" },
+  userLinks: s = [{ label: "Your profile", href: "#" }, { label: "Settings", href: "#" }, { label: "Billing", href: "#" }],
+  signOutHref: m = "#",
+  sidebarId: y = "app-sidebar",
+  themeToggle: g = !0,
+  variant: o = "blur",
+  className: b = "",
+  start: w,
+  actions: u
+}) {
+  const h = n.filter((c) => c.unread).length, l = z(a.name), i = I(!1);
+  return D(() => {
+    i.current || (i.current = !0, document.querySelectorAll("[data-app-topbar]:not([data-bound])").forEach((c) => {
+      var f, E;
+      c.dataset.bound = "";
+      const k = Array.from(c.querySelectorAll("[data-dd]")), N = (S) => document.getElementById(S.getAttribute("aria-controls") || ""), _ = (S) => k.forEach((p) => {
+        if (p === S) return;
+        p.setAttribute("aria-expanded", "false");
+        const v = N(p);
+        v && (v.hidden = !0);
+      });
+      k.forEach((S) => S.addEventListener("click", (p) => {
+        p.stopPropagation();
+        const v = S.getAttribute("aria-expanded") !== "true";
+        _(S), S.setAttribute("aria-expanded", String(v));
+        const A = N(S);
+        A && (A.hidden = !v);
+      })), document.addEventListener("click", (S) => {
+        c.contains(S.target) || _();
+      }), document.addEventListener("keydown", (S) => {
+        var p;
+        if (S.key === "Escape") {
+          const v = k.find((A) => A.getAttribute("aria-expanded") === "true");
+          _(), v == null || v.focus();
+        }
+        (S.metaKey || S.ctrlKey) && S.key.toLowerCase() === "k" && (S.preventDefault(), (p = c.querySelector("[data-search]")) == null || p.focus());
+      }), (f = c.querySelector("[data-mark-read]")) == null || f.addEventListener("click", () => {
+        var S, p;
+        c.querySelectorAll(".app-tb__note.is-unread").forEach((v) => v.classList.remove("is-unread")), (S = c.querySelector("[data-unread]")) == null || S.remove(), (p = c.querySelector('[aria-controls="app-tb-notes"]')) == null || p.setAttribute("aria-label", "Notifications");
+      }), (E = c.querySelector("[data-theme-toggle]")) == null || E.addEventListener("click", () => {
+        const S = document.documentElement, p = S.dataset.theme === "light" ? "dark" : "light";
+        S.dataset.theme = p;
+        try {
+          window.localStorage.setItem("ack-theme", p);
+        } catch {
+        }
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("header", { className: he(["app-tb", `app-tb--${o}`, b]), "data-app-topbar": !0, "data-rk-4b9da7": "", children: [
+    /* @__PURE__ */ e("button", { className: "app-tb__icon app-tb__menu", type: "button", "aria-label": "Open navigation", "aria-controls": y, "aria-expanded": "false", "data-sidebar-open": y, "data-rk-4b9da7": "", children: /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("menu") }, "data-rk-4b9da7": "" }) }) }),
+    /* @__PURE__ */ e("div", { className: "app-tb__start", "data-rk-4b9da7": "", children: w }),
+    /* @__PURE__ */ t("form", { className: "app-tb__search", role: "search", action: r, "data-rk-4b9da7": "", children: [
+      /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("search") }, "data-rk-4b9da7": "" }) }),
+      /* @__PURE__ */ e("label", { className: "sr-only", htmlFor: "app-tb-q", "data-rk-4b9da7": "", children: d }),
+      /* @__PURE__ */ e("input", { id: "app-tb-q", name: "q", type: "search", placeholder: d, autoComplete: "off", "data-search": !0, "data-rk-4b9da7": "" }),
+      /* @__PURE__ */ e("kbd", { "aria-hidden": "true", "data-rk-4b9da7": "", children: "⌘K" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "app-tb__actions", "data-rk-4b9da7": "", children: [
+      u,
+      g && /* @__PURE__ */ t("button", { className: "app-tb__icon", type: "button", "aria-label": "Switch theme", "data-theme-toggle": !0, "data-rk-4b9da7": "", children: [
+        /* @__PURE__ */ e("svg", { className: "i-sun", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("sun") }, "data-rk-4b9da7": "" }) }),
+        /* @__PURE__ */ e("svg", { className: "i-moon", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("moon") }, "data-rk-4b9da7": "" }) })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "app-tb__menu-wrap", "data-rk-4b9da7": "", children: [
+        /* @__PURE__ */ t("button", { className: "app-tb__icon", type: "button", "aria-expanded": "false", "aria-controls": "app-tb-notes", "aria-label": h ? `Notifications, ${h} unread` : "Notifications", "data-dd": !0, "data-rk-4b9da7": "", children: [
+          /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("bell") }, "data-rk-4b9da7": "" }) }),
+          h > 0 && /* @__PURE__ */ e("span", { className: "app-tb__dot", "aria-hidden": "true", "data-unread": !0, "data-rk-4b9da7": "", children: h })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "app-tb__panel app-tb__panel--notes", id: "app-tb-notes", hidden: !0, "data-panel": !0, "data-rk-4b9da7": "", children: [
+          /* @__PURE__ */ t("div", { className: "app-tb__panel-head", "data-rk-4b9da7": "", children: [
+            /* @__PURE__ */ e("strong", { "data-rk-4b9da7": "", children: "Notifications" }),
+            /* @__PURE__ */ e("button", { type: "button", className: "app-tb__link", "data-mark-read": !0, "data-rk-4b9da7": "", children: "Mark all as read" })
+          ] }),
+          /* @__PURE__ */ e("ul", { "data-rk-4b9da7": "", children: n.map((c, k) => /* @__PURE__ */ t("li", { className: he(["app-tb__note", `app-tb__note--${c.tone ?? "info"}`, { "is-unread": c.unread }]), "data-rk-4b9da7": "", children: [
+            /* @__PURE__ */ e("span", { className: "app-tb__note-dot", "aria-hidden": "true", "data-rk-4b9da7": "" }),
+            /* @__PURE__ */ t("span", { className: "app-tb__note-body", "data-rk-4b9da7": "", children: [
+              /* @__PURE__ */ e("strong", { "data-rk-4b9da7": "", children: c.title }),
+              c.text && /* @__PURE__ */ e("span", { "data-rk-4b9da7": "", children: c.text }),
+              /* @__PURE__ */ e("time", { "data-rk-4b9da7": "", children: c.time })
+            ] })
+          ] }, k)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "app-tb__menu-wrap", "data-rk-4b9da7": "", children: [
+        /* @__PURE__ */ t("button", { className: "app-tb__user", type: "button", "aria-expanded": "false", "aria-controls": "app-tb-user", "data-dd": !0, "data-rk-4b9da7": "", children: [
+          /* @__PURE__ */ e("span", { className: "app-tb__avatar", style: ye(`--h: ${l}`), "aria-hidden": "true", "data-rk-4b9da7": "", children: F(a.name) }),
+          /* @__PURE__ */ t("span", { className: "app-tb__who", "data-rk-4b9da7": "", children: [
+            /* @__PURE__ */ e("strong", { "data-rk-4b9da7": "", children: a.name }),
+            a.role && /* @__PURE__ */ e("small", { "data-rk-4b9da7": "", children: a.role })
+          ] }),
+          /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-4b9da7": "", children: "Account menu" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "app-tb__panel app-tb__panel--user", id: "app-tb-user", hidden: !0, "data-panel": !0, "data-rk-4b9da7": "", children: [
+          /* @__PURE__ */ t("div", { className: "app-tb__panel-head app-tb__panel-head--user", "data-rk-4b9da7": "", children: [
+            /* @__PURE__ */ e("strong", { "data-rk-4b9da7": "", children: a.name }),
+            a.email && /* @__PURE__ */ e("span", { "data-rk-4b9da7": "", children: a.email })
+          ] }),
+          /* @__PURE__ */ t("ul", { "data-rk-4b9da7": "", children: [
+            s.map((c, k) => /* @__PURE__ */ e("li", { "data-rk-4b9da7": "", children: /* @__PURE__ */ e("a", { href: c.href, "data-rk-4b9da7": "", children: c.label }) }, k)),
+            /* @__PURE__ */ e("li", { className: "app-tb__sep", "data-rk-4b9da7": "", children: /* @__PURE__ */ t("a", { href: m, "data-rk-4b9da7": "", children: [
+              /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-4b9da7": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("logout") }, "data-rk-4b9da7": "" }) }),
+              "Sign out"
+            ] }) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function ue(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Re({
+  title: d = "Dashboard",
+  description: r = "Good morning, Lucía — here is what is happening at Hotel Mirador today.",
+  breadcrumb: n = [],
+  actions: a = [{ label: "Export", icon: "download" }, { label: "New booking", icon: "plus", primary: !0, href: "#" }],
+  periods: s = ["Today", "7 days", "30 days", "Year"],
+  activePeriod: m = 2,
+  tabs: y = [],
+  currentTab: g,
+  size: o = "md",
+  className: b = ""
+}) {
+  const w = I(!1);
+  return D(() => {
+    w.current || (w.current = !0, document.querySelectorAll("[data-periods]:not([data-bound])").forEach((u) => {
+      u.dataset.bound = "";
+      const h = Array.from(u.querySelectorAll('[role="radio"]')), l = (i, c = !1) => {
+        h.forEach((k, N) => {
+          k.setAttribute("aria-checked", String(N === i)), k.tabIndex = N === i ? 0 : -1;
+        }), c && h[i].focus(), u.dispatchEvent(new CustomEvent("app:period", { bubbles: !0, detail: { index: i, label: h[i].textContent } }));
+      };
+      h.forEach((i, c) => {
+        i.addEventListener("click", () => l(c)), i.addEventListener("keydown", (k) => {
+          const N = k.key === "ArrowRight" || k.key === "ArrowDown" ? 1 : k.key === "ArrowLeft" || k.key === "ArrowUp" ? -1 : 0;
+          N && (k.preventDefault(), l((c + N + h.length) % h.length, !0));
+        });
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("div", { className: ue(["app-ph", `app-ph--${o}`, b]), "data-rk-7bc64d": "", children: [
+    n.length > 0 && /* @__PURE__ */ e("nav", { className: "app-ph__crumbs", "aria-label": "Breadcrumb", "data-rk-7bc64d": "", children: /* @__PURE__ */ e("ol", { "data-rk-7bc64d": "", children: n.map((u, h) => /* @__PURE__ */ e("li", { "data-rk-7bc64d": "", children: u.href && h < n.length - 1 ? /* @__PURE__ */ e("a", { href: u.href, "data-rk-7bc64d": "", children: u.label }) : /* @__PURE__ */ e("span", { "aria-current": "page", "data-rk-7bc64d": "", children: u.label }) }, h)) }) }),
+    /* @__PURE__ */ t("div", { className: "app-ph__row", "data-rk-7bc64d": "", children: [
+      /* @__PURE__ */ t("div", { className: "app-ph__text", "data-rk-7bc64d": "", children: [
+        /* @__PURE__ */ e("h1", { className: "app-ph__title", "data-rk-7bc64d": "", children: d }),
+        r && /* @__PURE__ */ e("p", { className: "app-ph__desc", "data-rk-7bc64d": "", children: r })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "app-ph__tools", "data-rk-7bc64d": "", children: [
+        s.length > 0 && /* @__PURE__ */ e("div", { className: "app-ph__periods", role: "radiogroup", "aria-label": "Period", "data-periods": !0, "data-rk-7bc64d": "", children: s.map((u, h) => /* @__PURE__ */ e("button", { type: "button", role: "radio", "aria-checked": h === m ? "true" : "false", tabIndex: h === m ? 0 : -1, "data-i": h, "data-rk-7bc64d": "", children: u }, h)) }),
+        a.map((u, h) => {
+          const l = u.href ? "a" : "button";
+          return /* @__PURE__ */ t(l, { className: ue(["app-ph__btn", { "app-ph__btn--primary": u.primary }]), href: u.href, type: u.href ? void 0 : "button", "data-rk-7bc64d": "", children: [
+            u.icon && /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-7bc64d": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B(u.icon) }, "data-rk-7bc64d": "" }) }),
+            u.label
+          ] }, h);
+        })
+      ] })
+    ] }),
+    y.length > 0 && /* @__PURE__ */ e("nav", { className: "app-ph__tabs", "aria-label": "Sections", "data-rk-7bc64d": "", children: y.map((u, h) => /* @__PURE__ */ t("a", { href: u.href, "aria-current": u.href === g ? "page" : void 0, "data-rk-7bc64d": "", children: [
+      u.label,
+      u.count !== void 0 && /* @__PURE__ */ e("span", { "data-rk-7bc64d": "", children: u.count })
+    ] }, h)) })
+  ] }) });
+}
+function Z(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Ne(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function Be({
+  title: d = "Reservations",
+  columns: r = [
+    { key: "ref", label: "Booking", sortable: !0 },
+    { key: "guest", label: "Guest", type: "person", sortable: !0 },
+    { key: "room", label: "Room", sortable: !0 },
+    { key: "checkIn", label: "Check-in", type: "date", sortable: !0 },
+    { key: "nights", label: "Nights", type: "number", align: "right", sortable: !0 },
+    { key: "status", label: "Status", type: "status" },
+    { key: "total", label: "Total", type: "money", align: "right", sortable: !0 }
+  ],
+  rows: n = [
+    { ref: "MR-2841", guest: { name: "Elena Duarte", sub: "Booking.com" }, room: "204 · Deluxe", checkIn: "2026-11-04", nights: 3, status: "Confirmed", total: 612 },
+    { ref: "MR-2840", guest: { name: "James Whitfield", sub: "Direct" }, room: "310 · Suite", checkIn: "2026-11-04", nights: 2, status: "Checked in", total: 890 },
+    { ref: "MR-2839", guest: { name: "Aiko Tanaka", sub: "Expedia" }, room: "108 · Standard", checkIn: "2026-11-05", nights: 4, status: "Pending", total: 476 },
+    { ref: "MR-2838", guest: { name: "Marco Bellini", sub: "Direct" }, room: "212 · Deluxe", checkIn: "2026-11-06", nights: 1, status: "Cancelled", total: 0 }
+  ],
+  statusTones: a = { Confirmed: "info", "Checked in": "success", "Checked out": "default", Pending: "warning", Cancelled: "danger", "No show": "danger" },
+  filterKey: s = "status",
+  selectable: m = !0,
+  bulkActions: y = ["Export", "Send email"],
+  pageSize: g = 8,
+  searchPlaceholder: o = "Search…",
+  currency: b = "EUR",
+  locale: w = "en-GB",
+  emptyText: u = "No results match your filters.",
+  id: h = "data-table",
+  variant: l = "card",
+  density: i = "comfortable",
+  className: c = ""
+}) {
+  const k = (p) => new Intl.NumberFormat(w, { style: "currency", currency: b, maximumFractionDigits: 0 }).format(p), N = (p) => new Intl.DateTimeFormat(w, { day: "numeric", month: "short", timeZone: "UTC" }).format(/* @__PURE__ */ new Date(`${p}T00:00:00Z`)), _ = s ? Array.from(new Set(n.map((p) => String(p[s])))) : [], f = (p) => r.map((v) => {
+    var A, T;
+    return v.type === "person" ? `${((A = p[v.key]) == null ? void 0 : A.name) ?? ""} ${((T = p[v.key]) == null ? void 0 : T.sub) ?? ""}` : Array.isArray(p[v.key]) ? p[v.key].join(" ") : p[v.key] ?? "";
+  }).join(" ").toLowerCase(), E = (p, v) => p.type === "person" ? (v == null ? void 0 : v.name) ?? "" : v ?? "", S = I(!1);
+  return D(() => {
+    S.current || (S.current = !0, document.querySelectorAll("[data-table]:not([data-bound])").forEach((p) => {
+      var ne, de, se;
+      p.dataset.bound = "";
+      const v = p.querySelector("[data-body]"), A = Array.from(v.querySelectorAll("[data-row]")), T = Number(p.dataset.pageSize) || 8, $ = p.querySelector("[data-search]"), K = Array.from(p.querySelectorAll("[data-filter]")), G = Array.from(p.querySelectorAll("[data-sort]")), H = p.querySelector("[data-all]"), X = p.querySelector("[data-bulk]"), ke = p.querySelector("[data-pages]");
+      let Q = "", ee = "", P = "", U = 1, q = 0;
+      function be() {
+        return A.filter((x) => (!Q || (x.dataset.search || "").includes(Q)) && (!ee || x.dataset.filterValue === ee));
+      }
+      function V() {
+        var j;
+        let x = be();
+        if (P) {
+          const O = (j = G.find((R) => R.dataset.sort === P)) == null ? void 0 : j.dataset.type, W = `v${P.toLowerCase().replace(/^./, (R) => R.toUpperCase())}`;
+          x = [...x].sort((R, _e) => {
+            const le = R.dataset[W] ?? "", ie = _e.dataset[W] ?? "";
+            return (O === "money" || O === "number" ? Number(le) - Number(ie) : le.localeCompare(ie)) * U;
+          });
+        } else
+          x = [...x].sort((O, W) => Number(O.dataset.index) - Number(W.dataset.index));
+        const M = Math.max(1, Math.ceil(x.length / T));
+        q = Math.min(q, M - 1);
+        const L = x.slice(q * T, q * T + T);
+        A.forEach((O) => {
+          O.hidden = !0;
+        }), v.append(...x), L.forEach((O) => {
+          O.hidden = !1;
+        }), p.querySelector("[data-count]").textContent = String(x.length), p.querySelector("[data-empty]").hidden = x.length > 0, p.querySelector("[data-range]").textContent = x.length ? `${q * T + 1}–${q * T + L.length} of ${x.length}` : "", ke.replaceChildren(...Array.from({ length: M }, (O, W) => {
+          const R = document.createElement("button");
+          return R.type = "button", R.className = "dt__page", R.textContent = String(W + 1), R.setAttribute("aria-label", `Page ${W + 1}`), W === q && R.setAttribute("aria-current", "page"), R.addEventListener("click", () => {
+            q = W, V();
+          }), R;
+        })), p.querySelector("[data-prev]").disabled = q === 0, p.querySelector("[data-next]").disabled = q >= M - 1, Y();
+      }
+      function Y() {
+        const M = A.map((L) => L.querySelector("[data-select]")).filter(Boolean).filter((L) => L.checked);
+        if (A.forEach((L) => {
+          var j;
+          return L.classList.toggle("is-selected", !!((j = L.querySelector("[data-select]")) != null && j.checked));
+        }), X && (X.hidden = M.length === 0, X.querySelector("[data-selected]").textContent = String(M.length)), H) {
+          const L = A.filter((j) => !j.hidden).map((j) => j.querySelector("[data-select]")).filter(Boolean);
+          H.checked = L.length > 0 && L.every((j) => j.checked), H.indeterminate = !H.checked && L.some((j) => j.checked);
+        }
+      }
+      $ == null || $.addEventListener("input", () => {
+        Q = $.value.trim().toLowerCase(), q = 0, V();
+      }), K.forEach((x) => x.addEventListener("click", () => {
+        ee = x.dataset.filter || "", K.forEach((M) => M.setAttribute("aria-pressed", String(M === x))), q = 0, V();
+      })), G.forEach((x) => x.addEventListener("click", () => {
+        P === x.dataset.sort ? U = U === 1 ? -1 : U === -1 ? 0 : 1 : (P = x.dataset.sort || "", U = 1), U === 0 && (P = ""), G.forEach((M) => {
+          var L;
+          return (L = M.closest("th")) == null ? void 0 : L.setAttribute("aria-sort", M === x && P ? U === 1 ? "ascending" : "descending" : "none");
+        }), V();
+      })), (ne = p.querySelector("[data-prev]")) == null || ne.addEventListener("click", () => {
+        q = Math.max(0, q - 1), V();
+      }), (de = p.querySelector("[data-next]")) == null || de.addEventListener("click", () => {
+        q += 1, V();
+      }), p.addEventListener("change", (x) => {
+        x.target.matches("[data-select]") && Y();
+      }), H == null || H.addEventListener("change", () => {
+        A.filter((x) => !x.hidden).forEach((x) => {
+          const M = x.querySelector("[data-select]");
+          M && (M.checked = H.checked);
+        }), Y();
+      }), (se = p.querySelector("[data-clear]")) == null || se.addEventListener("click", () => {
+        A.forEach((x) => {
+          const M = x.querySelector("[data-select]");
+          M && (M.checked = !1);
+        }), Y();
+      }), V();
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: Z(["dt", `dt--${l}`, `dt--${i}`, c]), "data-table": h, "data-page-size": g, "aria-labelledby": `${h}-title`, "data-rk-bf3c5c": "", children: [
+    /* @__PURE__ */ t("div", { className: "dt__toolbar", "data-rk-bf3c5c": "", children: [
+      /* @__PURE__ */ t("h2", { className: "dt__title", id: `${h}-title`, "data-rk-bf3c5c": "", children: [
+        d,
+        " ",
+        /* @__PURE__ */ e("span", { className: "dt__count", "aria-live": "polite", "data-rk-bf3c5c": "", children: /* @__PURE__ */ e("span", { "data-count": !0, "data-rk-bf3c5c": "", children: n.length }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "dt__tools", "data-rk-bf3c5c": "", children: /* @__PURE__ */ t("label", { className: "dt__search", "data-rk-bf3c5c": "", children: [
+        /* @__PURE__ */ t("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-bf3c5c": "", children: [
+          /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", "data-rk-bf3c5c": "" }),
+          /* @__PURE__ */ e("path", { d: "m20 20-3.5-3.5", "data-rk-bf3c5c": "" })
+        ] }),
+        /* @__PURE__ */ e("span", { className: "sr-only", "data-rk-bf3c5c": "", children: o }),
+        /* @__PURE__ */ e("input", { type: "search", placeholder: o, "data-search": !0, "data-rk-bf3c5c": "" })
+      ] }) })
+    ] }),
+    _.length > 1 && /* @__PURE__ */ t("div", { className: "dt__chips", role: "group", "aria-label": "Filter by status", "data-rk-bf3c5c": "", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: "dt__chip", "aria-pressed": "true", "data-filter": "", "data-rk-bf3c5c": "", children: [
+        "All ",
+        /* @__PURE__ */ e("span", { "data-rk-bf3c5c": "", children: n.length })
+      ] }),
+      _.map((p, v) => /* @__PURE__ */ t("button", { type: "button", className: "dt__chip", "aria-pressed": "false", "data-filter": p, "data-rk-bf3c5c": "", children: [
+        p,
+        " ",
+        /* @__PURE__ */ e("span", { "data-rk-bf3c5c": "", children: n.filter((A) => String(A[s]) === p).length })
+      ] }, v))
+    ] }),
+    m && /* @__PURE__ */ t("div", { className: "dt__bulk", hidden: !0, "data-bulk": !0, "data-rk-bf3c5c": "", children: [
+      /* @__PURE__ */ t("span", { "data-rk-bf3c5c": "", children: [
+        /* @__PURE__ */ e("strong", { "data-selected": !0, "data-rk-bf3c5c": "", children: "0" }),
+        " selected"
+      ] }),
+      y.map((p, v) => /* @__PURE__ */ e("button", { type: "button", className: "dt__bulk-btn", "data-rk-bf3c5c": "", children: p }, v)),
+      /* @__PURE__ */ e("button", { type: "button", className: "dt__bulk-clear", "data-clear": !0, "data-rk-bf3c5c": "", children: "Clear" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "dt__scroll", tabIndex: 0, role: "region", "aria-labelledby": `${h}-title`, "data-rk-bf3c5c": "", children: [
+      /* @__PURE__ */ t("table", { className: "dt__table", "data-rk-bf3c5c": "", children: [
+        /* @__PURE__ */ e("caption", { className: "sr-only", "data-rk-bf3c5c": "", children: d }),
+        /* @__PURE__ */ e("thead", { "data-rk-bf3c5c": "", children: /* @__PURE__ */ t("tr", { "data-rk-bf3c5c": "", children: [
+          m && /* @__PURE__ */ e("th", { className: "dt__check", scope: "col", "data-rk-bf3c5c": "", children: /* @__PURE__ */ e("input", { type: "checkbox", "aria-label": "Select all rows on this page", "data-all": !0, "data-rk-bf3c5c": "" }) }),
+          r.map((p, v) => /* @__PURE__ */ e("th", { scope: "col", className: Z([{ dt__right: p.align === "right" }]), "aria-sort": p.sortable ? "none" : void 0, "data-rk-bf3c5c": "", children: p.sortable ? /* @__PURE__ */ t("button", { type: "button", className: "dt__sort", "data-sort": p.key, "data-type": p.type ?? "text", "data-rk-bf3c5c": "", children: [
+            p.label,
+            /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-bf3c5c": "", children: /* @__PURE__ */ e("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5", "data-rk-bf3c5c": "" }) })
+          ] }) : p.label }, v))
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { "data-body": !0, "data-rk-bf3c5c": "", children: n.map((p, v) => /* @__PURE__ */ t("tr", { "data-row": !0, "data-search": f(p), "data-filter-value": s ? String(p[s]) : "", "data-index": v, ...Object.fromEntries(r.map((A) => [`data-v-${A.key.toLowerCase()}`, String(E(A, p[A.key]))])), "data-rk-bf3c5c": "", children: [
+          m && /* @__PURE__ */ e("td", { className: "dt__check", "data-rk-bf3c5c": "", children: /* @__PURE__ */ e("input", { type: "checkbox", "aria-label": `Select ${r[0] ? E(r[0], p[r[0].key]) : `row ${v + 1}`}`, "data-select": !0, "data-rk-bf3c5c": "" }) }),
+          r.map((A, T) => {
+            const $ = p[A.key];
+            return /* @__PURE__ */ e("td", { className: Z([{ dt__right: A.align === "right" }]), "data-rk-bf3c5c": "", children: A.type === "person" ? /* @__PURE__ */ t("span", { className: "dt__person", "data-rk-bf3c5c": "", children: [
+              /* @__PURE__ */ e("span", { className: "dt__avatar", style: Ne(`--h: ${z(($ == null ? void 0 : $.name) ?? "")}`), "aria-hidden": "true", "data-rk-bf3c5c": "", children: F(($ == null ? void 0 : $.name) ?? "?") }),
+              /* @__PURE__ */ t("span", { "data-rk-bf3c5c": "", children: [
+                /* @__PURE__ */ e("strong", { "data-rk-bf3c5c": "", children: $ == null ? void 0 : $.name }),
+                ($ == null ? void 0 : $.sub) && /* @__PURE__ */ e("small", { "data-rk-bf3c5c": "", children: $.sub })
+              ] })
+            ] }) : A.type === "status" ? /* @__PURE__ */ t("span", { className: Z(["dt__status", `dt__status--${a[$] ?? "default"}`]), "data-rk-bf3c5c": "", children: [
+              /* @__PURE__ */ e("i", { "aria-hidden": "true", "data-rk-bf3c5c": "" }),
+              $
+            ] }) : A.type === "money" ? k(Number($) || 0) : A.type === "date" ? /* @__PURE__ */ e("time", { dateTime: $, "data-rk-bf3c5c": "", children: N($) }) : A.type === "tags" ? /* @__PURE__ */ e("span", { className: "dt__tags", "data-rk-bf3c5c": "", children: ($ ?? []).map((K, G) => /* @__PURE__ */ e("span", { "data-rk-bf3c5c": "", children: K }, G)) }) : $ }, T);
+          })
+        ] }, v)) })
+      ] }),
+      /* @__PURE__ */ e("p", { className: "dt__empty", hidden: !0, "data-empty": !0, "data-rk-bf3c5c": "", children: u })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "dt__foot", "data-rk-bf3c5c": "", children: [
+      /* @__PURE__ */ e("p", { className: "dt__range", "aria-live": "polite", "data-range": !0, "data-rk-bf3c5c": "" }),
+      /* @__PURE__ */ t("div", { className: "dt__pager", "data-rk-bf3c5c": "", children: [
+        /* @__PURE__ */ e("button", { type: "button", className: "dt__page", "aria-label": "Previous page", "data-prev": !0, "data-rk-bf3c5c": "", children: "‹" }),
+        /* @__PURE__ */ e("span", { className: "dt__pages", "data-pages": !0, "data-rk-bf3c5c": "" }),
+        /* @__PURE__ */ e("button", { type: "button", className: "dt__page", "aria-label": "Next page", "data-next": !0, "data-rk-bf3c5c": "", children: "›" })
+      ] })
+    ] })
+  ] }) });
+}
+function ae(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function J(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function Te({
+  days: d = ["Mon 3", "Tue 4", "Wed 5", "Thu 6", "Fri 7", "Sat 8", "Sun 9", "Mon 10", "Tue 11", "Wed 12"],
+  today: r = 1,
+  rooms: n = [
+    { id: "101", name: "101", type: "Standard" },
+    { id: "102", name: "102", type: "Standard" },
+    { id: "201", name: "201", type: "Deluxe" },
+    { id: "202", name: "202", type: "Deluxe" },
+    { id: "301", name: "301", type: "Suite" }
+  ],
+  bookings: a = [
+    { room: "101", guest: "Elena Duarte", start: 0, nights: 3, status: "checked-in", ref: "MR-2830", channel: "Booking.com" },
+    { room: "101", guest: "Tom Becker", start: 4, nights: 2, status: "confirmed", ref: "MR-2852" },
+    { room: "102", guest: "Aiko Tanaka", start: 1, nights: 5, status: "confirmed", ref: "MR-2839", channel: "Expedia" },
+    { room: "201", guest: "Maintenance", start: 2, nights: 2, status: "blocked" },
+    { room: "202", guest: "James Whitfield", start: 0, nights: 2, status: "checked-in", ref: "MR-2840" },
+    { room: "202", guest: "Sofía Ramos", start: 3, nights: 4, status: "pending", ref: "MR-2861" },
+    { room: "301", guest: "The Okafor family", start: 1, nights: 6, status: "confirmed", ref: "MR-2844", channel: "Direct" }
+  ],
+  title: s = "Room rack",
+  dayWidth: m = 64,
+  variant: y = "card",
+  className: g = ""
+}) {
+  const o = { confirmed: "Confirmed", "checked-in": "Checked in", pending: "Pending", blocked: "Blocked" }, b = Array.from(new Set(n.map((h) => h.type ?? ""))).map((h) => ({ type: h, rooms: n.filter((l) => (l.type ?? "") === h) })), w = d.map((h, l) => a.filter((i) => i.status !== "blocked" && l >= i.start && l < i.start + i.nights).length), u = I(!1);
+  return D(() => {
+    u.current || (u.current = !0, document.querySelectorAll("[data-rack]:not([data-bound])").forEach((h) => {
+      h.dataset.bound = "";
+      const l = h.querySelector("[data-detail-out]"), i = Array.from(h.querySelectorAll(".rack__bar"));
+      i.forEach((c) => c.addEventListener("click", () => {
+        i.forEach((f) => f.removeAttribute("aria-pressed")), c.setAttribute("aria-pressed", "true");
+        const k = JSON.parse(c.dataset.detail || "{}"), N = document.createElement("dl");
+        N.className = "rack__dl", [
+          ["Guest", k.guest],
+          ["Room", `${k.room}${k.type ? ` · ${k.type}` : ""}`],
+          ["Arrival", k.from],
+          ["Nights", String(k.nights)],
+          ["Status", k.status],
+          ["Booking", k.ref],
+          ["Channel", k.channel]
+        ].filter(([, f]) => f).forEach(([f, E]) => {
+          const S = document.createElement("div"), p = document.createElement("dt");
+          p.textContent = f;
+          const v = document.createElement("dd");
+          v.textContent = E, S.append(p, v), N.append(S);
+        }), l.replaceChildren(N);
+      }));
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: ae(["rack", `rack--${y}`, g]), style: J(`--day-w: ${m}px; --days: ${d.length}`), "data-rack": !0, "aria-labelledby": "rack-title", "data-rk-0d1031": "", children: [
+    /* @__PURE__ */ t("header", { className: "rack__head", "data-rk-0d1031": "", children: [
+      /* @__PURE__ */ e("h2", { className: "rack__title", id: "rack-title", "data-rk-0d1031": "", children: s }),
+      /* @__PURE__ */ e("ul", { className: "rack__legend", "aria-label": "Legend", "data-rk-0d1031": "", children: Object.keys(o).map((h, l) => /* @__PURE__ */ t("li", { "data-rk-0d1031": "", children: [
+        /* @__PURE__ */ e("i", { className: `rack__swatch rack__swatch--${h}`, "aria-hidden": "true", "data-rk-0d1031": "" }),
+        o[h]
+      ] }, l)) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "rack__scroll", tabIndex: 0, role: "region", "aria-label": `${s}, scroll horizontally`, "data-rk-0d1031": "", children: /* @__PURE__ */ t("div", { className: "rack__grid", "data-rk-0d1031": "", children: [
+      /* @__PURE__ */ e("div", { className: "rack__corner", "data-rk-0d1031": "", children: "Room" }),
+      d.map((h, l) => /* @__PURE__ */ t("div", { className: ae(["rack__day", { "is-today": l === r, "is-weekend": /^(Sat|Sun|Sáb|Dom)/i.test(h) }]), "data-rk-0d1031": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-0d1031": "", children: h }),
+        /* @__PURE__ */ t("small", { "data-rk-0d1031": "", children: [
+          Math.round(w[l] / Math.max(1, n.length) * 100),
+          "%"
+        ] })
+      ] }, l)),
+      b.map((h) => /* @__PURE__ */ t(C, { children: [
+        h.type && /* @__PURE__ */ t("div", { className: "rack__group", style: J(`grid-column: 1 / span ${d.length + 1}`), "data-rk-0d1031": "", children: [
+          h.type,
+          " ",
+          /* @__PURE__ */ e("span", { "data-rk-0d1031": "", children: h.rooms.length })
+        ] }),
+        h.rooms.map((l) => /* @__PURE__ */ t(C, { children: [
+          /* @__PURE__ */ e("div", { className: "rack__room", "data-rk-0d1031": "", children: l.name }),
+          /* @__PURE__ */ t("div", { className: "rack__lane", style: J(`grid-column: 2 / span ${d.length}`), "data-rk-0d1031": "", children: [
+            r >= 0 && /* @__PURE__ */ e("span", { className: "rack__now", style: J(`left: calc(${r} * var(--day-w) + var(--day-w) / 2)`), "aria-hidden": "true", "data-rk-0d1031": "" }),
+            a.filter((i) => i.room === l.id).map((i, c) => /* @__PURE__ */ e("button", { type: "button", className: ae(["rack__bar", `rack__bar--${i.status}`]), style: J(`left: calc(${i.start} * var(--day-w) + 3px); width: calc(${Math.min(i.nights, d.length - i.start)} * var(--day-w) - 6px)`), "aria-label": `${i.guest}, room ${l.name}, ${d[i.start]} for ${i.nights} ${i.nights === 1 ? "night" : "nights"}, ${o[i.status]}`, "data-detail": JSON.stringify({ guest: i.guest, room: l.name, type: l.type, from: d[i.start], nights: i.nights, status: o[i.status], ref: i.ref, channel: i.channel }), "data-rk-0d1031": "", children: /* @__PURE__ */ e("span", { "data-rk-0d1031": "", children: i.guest }) }, c))
+          ] })
+        ] }))
+      ] }))
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "rack__detail", "aria-live": "polite", "data-detail-out": !0, "data-rk-0d1031": "", children: /* @__PURE__ */ e("p", { className: "rack__hint", "data-rk-0d1031": "", children: "Select a booking to see its details." }) })
+  ] }) });
+}
+function te(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Ie({
+  rooms: d = [
+    { number: "101", floor: "Floor 1", type: "Standard", status: "clean" },
+    { number: "102", floor: "Floor 1", type: "Standard", status: "occupied", guest: "A. Tanaka" },
+    { number: "103", floor: "Floor 1", type: "Standard", status: "dirty", assignee: "Rosa" },
+    { number: "104", floor: "Floor 1", type: "Twin", status: "inspecting", assignee: "Luis" },
+    { number: "201", floor: "Floor 2", type: "Deluxe", status: "ooo", note: "A/C repair" },
+    { number: "202", floor: "Floor 2", type: "Deluxe", status: "occupied", guest: "J. Whitfield" },
+    { number: "203", floor: "Floor 2", type: "Deluxe", status: "dirty", assignee: "Rosa" },
+    { number: "204", floor: "Floor 2", type: "Deluxe", status: "clean" }
+  ],
+  title: r = "Housekeeping",
+  interactive: n = !0,
+  variant: a = "card",
+  size: s = "md",
+  className: m = ""
+}) {
+  const y = { clean: "Clean", dirty: "Dirty", inspecting: "Inspecting", occupied: "Occupied", ooo: "Out of order" }, g = ["clean", "dirty", "inspecting", "occupied", "ooo"], o = Array.from(new Set(d.map((u) => u.floor))), b = Object.fromEntries(g.map((u) => [u, d.filter((h) => h.status === u).length])), w = I(!1);
+  return D(() => {
+    if (w.current) return;
+    w.current = !0;
+    const u = { clean: "Clean", dirty: "Dirty", inspecting: "Inspecting", occupied: "Occupied", ooo: "Out of order" }, h = { dirty: "inspecting", inspecting: "clean" };
+    document.querySelectorAll("[data-hk]:not([data-bound])").forEach((l) => {
+      l.dataset.bound = "";
+      const i = Array.from(l.querySelectorAll("[data-f]")), c = l.querySelector("[data-announce]");
+      let k = "";
+      const N = () => {
+        const _ = Array.from(l.querySelectorAll("li[data-status]"));
+        l.querySelectorAll("[data-c]").forEach((f) => {
+          const E = f.dataset.c;
+          f.textContent = String(E ? _.filter((S) => S.dataset.status === E).length : _.length);
+        }), _.forEach((f) => {
+          f.hidden = !!k && f.dataset.status !== k;
+        }), l.querySelectorAll(".hk__floor").forEach((f) => {
+          f.hidden = !f.querySelector("li:not([hidden])");
+        });
+      };
+      i.forEach((_) => _.addEventListener("click", () => {
+        k = _.dataset.f || "", i.forEach((f) => f.setAttribute("aria-pressed", String(f === _))), N();
+      })), l.hasAttribute("data-interactive") && l.querySelectorAll(".hk__room").forEach((_) => _.addEventListener("click", () => {
+        const f = h[_.dataset.status || ""];
+        f && (_.classList.remove(`hk__room--${_.dataset.status}`), _.classList.add(`hk__room--${f}`), _.dataset.status = f, _.closest("li").dataset.status = f, _.querySelector("[data-label]").textContent = u[f], _.setAttribute("aria-label", _.getAttribute("aria-label").replace(/, (Dirty|Inspecting|Clean)/, `, ${u[f]}`)), c.textContent = `Room ${_.dataset.room} is now ${u[f].toLowerCase()}.`, l.dispatchEvent(new CustomEvent("app:room-status", { bubbles: !0, detail: { room: _.dataset.room, status: f } })), N());
+      }));
+    });
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: te(["hk", `hk--${a}`, `hk--${s}`, m]), "data-hk": !0, "data-interactive": n ? "" : void 0, "aria-labelledby": "hk-title", "data-rk-66fdf4": "", children: [
+    /* @__PURE__ */ t("header", { className: "hk__head", "data-rk-66fdf4": "", children: [
+      /* @__PURE__ */ e("h2", { className: "hk__title", id: "hk-title", "data-rk-66fdf4": "", children: r }),
+      /* @__PURE__ */ t("div", { className: "hk__filters", role: "group", "aria-label": "Filter rooms by status", "data-rk-66fdf4": "", children: [
+        /* @__PURE__ */ t("button", { type: "button", className: "hk__filter", "aria-pressed": "true", "data-f": "", "data-rk-66fdf4": "", children: [
+          "All ",
+          /* @__PURE__ */ e("span", { "data-c": "", "data-rk-66fdf4": "", children: d.length })
+        ] }),
+        g.map((u, h) => /* @__PURE__ */ t("button", { type: "button", className: te(["hk__filter", `hk__filter--${u}`]), "aria-pressed": "false", "data-f": u, "data-rk-66fdf4": "", children: [
+          /* @__PURE__ */ e("i", { "aria-hidden": "true", "data-rk-66fdf4": "" }),
+          y[u],
+          " ",
+          /* @__PURE__ */ e("span", { "data-c": u, "data-rk-66fdf4": "", children: b[u] })
+        ] }, h))
+      ] })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "sr-only", "aria-live": "polite", "data-announce": !0, "data-rk-66fdf4": "" }),
+    o.map((u, h) => /* @__PURE__ */ t("div", { className: "hk__floor", "data-rk-66fdf4": "", children: [
+      /* @__PURE__ */ e("h3", { className: "hk__floor-title", "data-rk-66fdf4": "", children: u }),
+      /* @__PURE__ */ e("ul", { className: "hk__grid", "data-rk-66fdf4": "", children: d.filter((l) => l.floor === u).map((l, i) => /* @__PURE__ */ e("li", { "data-status": l.status, "data-rk-66fdf4": "", children: /* @__PURE__ */ t("button", { type: "button", className: te(["hk__room", `hk__room--${l.status}`]), "data-room": l.number, "data-status": l.status, "aria-label": `Room ${l.number}, ${y[l.status]}${l.guest ? `, ${l.guest}` : ""}${l.assignee ? `, assigned to ${l.assignee}` : ""}${n && (l.status === "dirty" || l.status === "inspecting") ? ". Activate to advance status" : ""}`, "data-rk-66fdf4": "", children: [
+        /* @__PURE__ */ e("span", { className: "hk__num", "data-rk-66fdf4": "", children: l.number }),
+        l.type && /* @__PURE__ */ e("span", { className: "hk__type", "data-rk-66fdf4": "", children: l.type }),
+        /* @__PURE__ */ t("span", { className: "hk__state", "data-rk-66fdf4": "", children: [
+          /* @__PURE__ */ e("i", { "aria-hidden": "true", "data-rk-66fdf4": "" }),
+          /* @__PURE__ */ e("span", { "data-label": !0, "data-rk-66fdf4": "", children: y[l.status] })
+        ] }),
+        (l.guest || l.note || l.assignee) && /* @__PURE__ */ e("span", { className: "hk__meta", "data-rk-66fdf4": "", children: l.guest ?? l.note ?? `→ ${l.assignee}` })
+      ] }) }, i)) })
+    ] }, h))
+  ] }) });
+}
+function we(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function re(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function De({
+  title: d = "Today at the front desk",
+  arrivals: r = [
+    { guest: "Elena Duarte", room: "204", time: "14:00", nights: 3, vip: !0, note: "Late arrival, extra pillows" },
+    { guest: "Aiko Tanaka", room: "108", time: "15:30", nights: 4 },
+    { guest: "The Okafor family", room: "310", time: "16:00", nights: 6, note: "Baby cot requested", done: !0 }
+  ],
+  departures: n = [
+    { guest: "Hans Müller", room: "112", time: "11:00", balance: "€0", done: !0 },
+    { guest: "Priya Nair", room: "207", time: "12:00", balance: "€48" }
+  ],
+  inHouse: a = [
+    { guest: "James Whitfield", room: "202", until: "Fri 7" },
+    { guest: "Sofía Ramos", room: "305", until: "Sun 9" }
+  ],
+  variant: s = "card",
+  className: m = ""
+}) {
+  const y = [
+    { id: "arr", label: "Arrivals", count: r.length, done: r.filter((o) => o.done).length },
+    { id: "dep", label: "Departures", count: n.length, done: n.filter((o) => o.done).length },
+    { id: "inh", label: "In-house", count: a.length }
+  ], g = I(!1);
+  return D(() => {
+    g.current || (g.current = !0, document.querySelectorAll("[data-frontdesk]:not([data-bound])").forEach((o) => {
+      o.dataset.bound = "";
+      const b = Array.from(o.querySelectorAll('[role="tab"]')), w = o.querySelector("[data-progress]"), u = { arr: "checked in", dep: "checked out" };
+      let h = "arr";
+      const l = () => {
+        const c = o.querySelector(`[data-panel="${h}"]`), k = Array.from(c.querySelectorAll("[data-act]"));
+        w.textContent = k.length ? `${k.filter((N) => N.getAttribute("aria-pressed") === "true").length}/${k.length} ${u[h]}` : `${c.children.length} guests in-house`;
+      }, i = (c, k = !1) => {
+        b.forEach((N, _) => {
+          N.setAttribute("aria-selected", String(_ === c)), N.tabIndex = _ === c ? 0 : -1, o.querySelector(`[data-panel="${N.dataset.tab}"]`).hidden = _ !== c;
+        }), h = b[c].dataset.tab || "arr", k && b[c].focus(), l();
+      };
+      b.forEach((c, k) => {
+        c.addEventListener("click", () => i(k)), c.addEventListener("keydown", (N) => {
+          const _ = N.key === "ArrowRight" ? 1 : N.key === "ArrowLeft" ? -1 : 0;
+          _ && (N.preventDefault(), i((k + _ + b.length) % b.length, !0));
+        });
+      }), o.querySelectorAll("[data-act]").forEach((c) => c.addEventListener("click", () => {
+        const k = c.getAttribute("aria-pressed") !== "true";
+        c.setAttribute("aria-pressed", String(k)), c.firstElementChild.textContent = k ? c.dataset.doneLabel : c.dataset.label, l();
+      })), l();
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: we(["fd", `fd--${s}`, m]), "data-frontdesk": !0, "aria-labelledby": "fd-title", "data-rk-d17d3a": "", children: [
+    /* @__PURE__ */ t("header", { className: "fd__head", "data-rk-d17d3a": "", children: [
+      /* @__PURE__ */ e("h2", { className: "fd__title", id: "fd-title", "data-rk-d17d3a": "", children: d }),
+      /* @__PURE__ */ t("p", { className: "fd__progress", "aria-live": "polite", "data-progress": !0, "data-rk-d17d3a": "", children: [
+        y[0].done,
+        "/",
+        y[0].count,
+        " checked in"
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "fd__tabs", role: "tablist", "aria-label": "Front desk lists", "data-rk-d17d3a": "", children: y.map((o, b) => /* @__PURE__ */ t("button", { type: "button", role: "tab", id: `fd-tab-${o.id}`, "aria-controls": `fd-panel-${o.id}`, "aria-selected": b === 0 ? "true" : "false", tabIndex: b === 0 ? 0 : -1, "data-tab": o.id, "data-rk-d17d3a": "", children: [
+      o.label,
+      " ",
+      /* @__PURE__ */ e("span", { "data-rk-d17d3a": "", children: o.count })
+    ] }, b)) }),
+    /* @__PURE__ */ e("ul", { className: "fd__list", role: "tabpanel", id: "fd-panel-arr", "aria-labelledby": "fd-tab-arr", "data-panel": "arr", "data-rk-d17d3a": "", children: r.map((o, b) => /* @__PURE__ */ t("li", { className: "fd__row", "data-rk-d17d3a": "", children: [
+      /* @__PURE__ */ e("span", { className: "fd__avatar", style: re(`--h: ${z(o.guest)}`), "aria-hidden": "true", "data-rk-d17d3a": "", children: F(o.guest) }),
+      /* @__PURE__ */ t("span", { className: "fd__who", "data-rk-d17d3a": "", children: [
+        /* @__PURE__ */ t("strong", { "data-rk-d17d3a": "", children: [
+          o.guest,
+          o.vip && /* @__PURE__ */ e("em", { className: "fd__vip", "data-rk-d17d3a": "", children: "VIP" })
+        ] }),
+        /* @__PURE__ */ t("small", { "data-rk-d17d3a": "", children: [
+          "Room ",
+          o.room,
+          o.nights && /* @__PURE__ */ t(C, { children: [
+            " · ",
+            o.nights,
+            " nights"
+          ] }),
+          o.note && /* @__PURE__ */ t(C, { children: [
+            " · ",
+            o.note
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("time", { className: "fd__time", "data-rk-d17d3a": "", children: o.time }),
+      /* @__PURE__ */ t("button", { type: "button", className: "fd__action", "aria-pressed": o.done ? "true" : "false", "data-act": "arr", "data-done-label": "Checked in", "data-label": "Check in", "data-rk-d17d3a": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-d17d3a": "", children: o.done ? "Checked in" : "Check in" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", "data-rk-d17d3a": "", children: [
+          " ",
+          o.guest
+        ] })
+      ] })
+    ] }, b)) }),
+    /* @__PURE__ */ e("ul", { className: "fd__list", role: "tabpanel", id: "fd-panel-dep", "aria-labelledby": "fd-tab-dep", "data-panel": "dep", hidden: !0, "data-rk-d17d3a": "", children: n.map((o, b) => /* @__PURE__ */ t("li", { className: "fd__row", "data-rk-d17d3a": "", children: [
+      /* @__PURE__ */ e("span", { className: "fd__avatar", style: re(`--h: ${z(o.guest)}`), "aria-hidden": "true", "data-rk-d17d3a": "", children: F(o.guest) }),
+      /* @__PURE__ */ t("span", { className: "fd__who", "data-rk-d17d3a": "", children: [
+        /* @__PURE__ */ e("strong", { "data-rk-d17d3a": "", children: o.guest }),
+        /* @__PURE__ */ t("small", { "data-rk-d17d3a": "", children: [
+          "Room ",
+          o.room,
+          o.balance && /* @__PURE__ */ t(C, { children: [
+            " · Balance ",
+            o.balance
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("time", { className: "fd__time", "data-rk-d17d3a": "", children: o.time }),
+      /* @__PURE__ */ t("button", { type: "button", className: "fd__action", "aria-pressed": o.done ? "true" : "false", "data-act": "dep", "data-done-label": "Checked out", "data-label": "Check out", "data-rk-d17d3a": "", children: [
+        /* @__PURE__ */ e("span", { "data-rk-d17d3a": "", children: o.done ? "Checked out" : "Check out" }),
+        /* @__PURE__ */ t("span", { className: "sr-only", "data-rk-d17d3a": "", children: [
+          " ",
+          o.guest
+        ] })
+      ] })
+    ] }, b)) }),
+    /* @__PURE__ */ e("ul", { className: "fd__list", role: "tabpanel", id: "fd-panel-inh", "aria-labelledby": "fd-tab-inh", "data-panel": "inh", hidden: !0, "data-rk-d17d3a": "", children: a.map((o, b) => /* @__PURE__ */ t("li", { className: "fd__row", "data-rk-d17d3a": "", children: [
+      /* @__PURE__ */ e("span", { className: "fd__avatar", style: re(`--h: ${z(o.guest)}`), "aria-hidden": "true", "data-rk-d17d3a": "", children: F(o.guest) }),
+      /* @__PURE__ */ t("span", { className: "fd__who", "data-rk-d17d3a": "", children: [
+        /* @__PURE__ */ e("strong", { "data-rk-d17d3a": "", children: o.guest }),
+        /* @__PURE__ */ t("small", { "data-rk-d17d3a": "", children: [
+          "Room ",
+          o.room
+        ] })
+      ] }),
+      /* @__PURE__ */ t("span", { className: "fd__time", "data-rk-d17d3a": "", children: [
+        "until ",
+        o.until
+      ] })
+    ] }, b)) })
+  ] }) });
+}
+function pe(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function ve(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function Oe({
+  guest: d = { name: "Elena Duarte", email: "elena.duarte@mail.com", phone: "+34 612 345 678", country: "Spain", since: "Mar 2022" },
+  tier: r = "Gold",
+  stats: n = [{ label: "Stays", value: "7" }, { label: "Nights", value: "19" }, { label: "Lifetime spend", value: "€4,820" }, { label: "Avg. rating", value: "4.9" }],
+  preferences: a = ["High floor", "Feather-free pillows", "Late check-out", "Sparkling water"],
+  upcoming: s = { room: "204 · Deluxe King", dates: "Nov 4 – Nov 7", status: "Confirmed" },
+  notes: m = ["Celebrating anniversary — prepare welcome card.", "Prefers WhatsApp for contact."],
+  actions: y = [{ label: "Message" }, { label: "New booking", primary: !0 }],
+  variant: g = "card",
+  className: o = ""
+}) {
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("article", { className: pe(["gp", `gp--${g}`, o]), "aria-labelledby": "gp-name", "data-rk-333a1a": "", children: [
+    /* @__PURE__ */ t("header", { className: "gp__head", "data-rk-333a1a": "", children: [
+      /* @__PURE__ */ e("span", { className: "gp__avatar", style: ve(`--h: ${z(d.name)}`), "aria-hidden": "true", "data-rk-333a1a": "", children: F(d.name) }),
+      /* @__PURE__ */ t("div", { className: "gp__id", "data-rk-333a1a": "", children: [
+        /* @__PURE__ */ e("h2", { className: "gp__name", id: "gp-name", "data-rk-333a1a": "", children: d.name }),
+        /* @__PURE__ */ t("p", { className: "gp__sub", "data-rk-333a1a": "", children: [
+          r && /* @__PURE__ */ t("span", { className: "gp__tier", "data-rk-333a1a": "", children: [
+            /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", "data-rk-333a1a": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("star") }, "data-rk-333a1a": "" }) }),
+            r,
+            " member"
+          ] }),
+          d.since && /* @__PURE__ */ t("span", { "data-rk-333a1a": "", children: [
+            "Guest since ",
+            d.since
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "gp__actions", "data-rk-333a1a": "", children: y.map((b, w) => {
+        const u = b.href ? "a" : "button";
+        return /* @__PURE__ */ e(u, { className: pe(["gp__btn", { "gp__btn--primary": b.primary }]), href: b.href, type: b.href ? void 0 : "button", "data-rk-333a1a": "", children: b.label }, w);
+      }) })
+    ] }),
+    /* @__PURE__ */ t("ul", { className: "gp__contact", "data-rk-333a1a": "", children: [
+      d.email && /* @__PURE__ */ t("li", { "data-rk-333a1a": "", children: [
+        /* @__PURE__ */ e("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-333a1a": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("mail") }, "data-rk-333a1a": "" }) }),
+        /* @__PURE__ */ e("a", { href: `mailto:${d.email}`, "data-rk-333a1a": "", children: d.email })
+      ] }),
+      d.phone && /* @__PURE__ */ t("li", { "data-rk-333a1a": "", children: [
+        /* @__PURE__ */ e("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-333a1a": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("phone") }, "data-rk-333a1a": "" }) }),
+        /* @__PURE__ */ e("a", { href: `tel:${d.phone.replace(/\s/g, "")}`, "data-rk-333a1a": "", children: d.phone })
+      ] }),
+      d.country && /* @__PURE__ */ t("li", { "data-rk-333a1a": "", children: [
+        /* @__PURE__ */ e("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-333a1a": "", children: /* @__PURE__ */ e("g", { dangerouslySetInnerHTML: { __html: B("plane") }, "data-rk-333a1a": "" }) }),
+        d.country
+      ] })
+    ] }),
+    /* @__PURE__ */ e("dl", { className: "gp__stats", "data-rk-333a1a": "", children: n.map((b, w) => /* @__PURE__ */ t("div", { "data-rk-333a1a": "", children: [
+      /* @__PURE__ */ e("dt", { "data-rk-333a1a": "", children: b.label }),
+      /* @__PURE__ */ e("dd", { "data-rk-333a1a": "", children: b.value })
+    ] }, w)) }),
+    s && /* @__PURE__ */ t("div", { className: "gp__block", "data-rk-333a1a": "", children: [
+      /* @__PURE__ */ e("h3", { "data-rk-333a1a": "", children: "Upcoming stay" }),
+      /* @__PURE__ */ t("p", { className: "gp__stay", "data-rk-333a1a": "", children: [
+        /* @__PURE__ */ e("strong", { "data-rk-333a1a": "", children: s.room }),
+        /* @__PURE__ */ e("span", { "data-rk-333a1a": "", children: s.dates }),
+        s.status && /* @__PURE__ */ e("em", { "data-rk-333a1a": "", children: s.status })
+      ] })
+    ] }),
+    a.length > 0 && /* @__PURE__ */ t("div", { className: "gp__block", "data-rk-333a1a": "", children: [
+      /* @__PURE__ */ e("h3", { "data-rk-333a1a": "", children: "Preferences" }),
+      /* @__PURE__ */ e("ul", { className: "gp__tags", "data-rk-333a1a": "", children: a.map((b, w) => /* @__PURE__ */ e("li", { "data-rk-333a1a": "", children: b }, w)) })
+    ] }),
+    m.length > 0 && /* @__PURE__ */ t("div", { className: "gp__block", "data-rk-333a1a": "", children: [
+      /* @__PURE__ */ e("h3", { "data-rk-333a1a": "", children: "Staff notes" }),
+      /* @__PURE__ */ e("ul", { className: "gp__notes", "data-rk-333a1a": "", children: m.map((b, w) => /* @__PURE__ */ e("li", { "data-rk-333a1a": "", children: b }, w)) })
+    ] })
+  ] }) });
+}
+function Se(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function We({
+  title: d = "Profile",
+  description: r = "This information is visible to your team.",
+  form: n = !0,
+  saveLabel: a = "Save changes",
+  savedText: s = "Changes saved",
+  id: m = "settings-section",
+  variant: y = "split",
+  className: g = "",
+  children: o,
+  footerStart: b
+}) {
+  const w = n ? "form" : "div", u = I(!1);
+  return D(() => {
+    u.current || (u.current = !0, document.querySelectorAll("form[data-settings-form]:not([data-bound])").forEach((h) => {
+      h.dataset.bound = "";
+      const l = h.querySelector("[data-saved]");
+      h.addEventListener("submit", (i) => {
+        var c;
+        if (i.preventDefault(), !h.checkValidity()) {
+          (c = h.querySelector(":invalid")) == null || c.focus();
+          return;
+        }
+        l && (l.textContent = `✓ ${l.dataset.text}`, window.setTimeout(() => {
+          l.textContent = "";
+        }, 2600)), h.dispatchEvent(new CustomEvent("app:settings-save", { bubbles: !0, detail: new FormData(h) }));
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: Se(["set", `set--${y}`, g]), "aria-labelledby": `${m}-title`, "data-rk-d579d6": "", children: [
+    /* @__PURE__ */ t("div", { className: "set__intro", "data-rk-d579d6": "", children: [
+      /* @__PURE__ */ e("h2", { className: "set__title", id: `${m}-title`, "data-rk-d579d6": "", children: d }),
+      r && /* @__PURE__ */ e("p", { className: "set__desc", "data-rk-d579d6": "", children: r })
+    ] }),
+    /* @__PURE__ */ t(w, { className: "set__card", "data-settings-form": n ? "" : void 0, noValidate: n ? !0 : void 0, "data-rk-d579d6": "", children: [
+      /* @__PURE__ */ e("div", { className: "set__fields", "data-rk-d579d6": "", children: o }),
+      n && /* @__PURE__ */ t("div", { className: "set__foot", "data-rk-d579d6": "", children: [
+        b,
+        /* @__PURE__ */ e("p", { className: "set__saved", "aria-live": "polite", "data-saved": !0, "data-text": s, "data-rk-d579d6": "" }),
+        /* @__PURE__ */ e("button", { type: "reset", className: "set__btn", "data-rk-d579d6": "", children: "Cancel" }),
+        /* @__PURE__ */ e("button", { type: "submit", className: "set__btn set__btn--primary", "data-rk-d579d6": "", children: a })
+      ] })
+    ] })
+  ] }) });
+}
+function xe(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function He({
+  label: d = "Email notifications",
+  description: r = "Get an email for new bookings and cancellations.",
+  name: n = "setting",
+  checked: a = !0,
+  disabled: s = !1,
+  id: m,
+  size: y = "md",
+  className: g = ""
+}) {
+  const o = m ?? `sw-${n}`;
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("div", { className: xe(["sw-row", `sw-row--${y}`, { "is-disabled": s }, g]), "data-rk-22e298": "", children: [
+    /* @__PURE__ */ t("div", { className: "sw-row__text", "data-rk-22e298": "", children: [
+      /* @__PURE__ */ e("label", { className: "sw-row__label", htmlFor: o, "data-rk-22e298": "", children: d }),
+      r && /* @__PURE__ */ e("p", { className: "sw-row__desc", id: `${o}-desc`, "data-rk-22e298": "", children: r })
+    ] }),
+    /* @__PURE__ */ t("span", { className: "sw-row__switch", "data-rk-22e298": "", children: [
+      /* @__PURE__ */ e("input", { type: "checkbox", role: "switch", id: o, name: n, defaultChecked: a, disabled: s, "aria-describedby": r ? `${o}-desc` : void 0, "data-rk-22e298": "" }),
+      /* @__PURE__ */ e("span", { className: "sw-row__track", "aria-hidden": "true", "data-rk-22e298": "" })
+    ] })
+  ] }) });
+}
+function me(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Ae(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function Fe({
+  title: d = "Team",
+  members: r = [
+    { name: "Lucía Ortega", email: "lucia@mirador.com", role: "Owner", status: "active", you: !0 },
+    { name: "Daniel Kim", email: "daniel@mirador.com", role: "Manager", status: "active" },
+    { name: "Rosa Jiménez", email: "rosa@mirador.com", role: "Housekeeping", status: "active" },
+    { name: "Omar Haddad", email: "omar@mirador.com", role: "Front desk", status: "invited" }
+  ],
+  roles: n = ["Owner", "Manager", "Front desk", "Housekeeping", "Viewer"],
+  seats: a = 10,
+  variant: s = "card",
+  className: m = ""
+}) {
+  const y = I(!1);
+  return D(() => {
+    y.current || (y.current = !0, document.querySelectorAll("[data-team]:not([data-bound])").forEach((g) => {
+      g.dataset.bound = "";
+      const o = g.querySelector("[data-list]"), b = g.querySelector("[data-msg]"), w = g.querySelector("[data-used]"), u = g.querySelector("[data-invite]"), h = () => {
+        w && (w.textContent = String(o.children.length));
+      }, l = (i) => {
+        let c = !1;
+        i.addEventListener("click", () => {
+          var f, E, S;
+          const k = i.closest(".team__row"), N = ((E = (f = k.querySelector("strong")) == null ? void 0 : f.textContent) == null ? void 0 : E.replace(" (you)", "")) ?? "";
+          if (!c) {
+            c = !0, i.classList.add("is-armed"), i.setAttribute("aria-label", `Confirm removing ${N}`), b.textContent = `Click again to remove ${N}.`, window.setTimeout(() => {
+              c = !1, i.classList.remove("is-armed"), i.setAttribute("aria-label", `Remove ${N}`);
+            }, 3e3);
+            return;
+          }
+          g.dispatchEvent(new CustomEvent("app:team-remove", { bubbles: !0, detail: { email: k.dataset.email } }));
+          const _ = (S = k.nextElementSibling ?? k.previousElementSibling) == null ? void 0 : S.querySelector("select, button");
+          k.remove(), b.textContent = `${N} was removed from the team.`, h(), _ == null || _.focus();
+        });
+      };
+      g.querySelectorAll("[data-remove]").forEach(l), u.addEventListener("submit", (i) => {
+        i.preventDefault();
+        const c = u.elements.namedItem("email"), k = u.elements.namedItem("role").value;
+        if (!c.checkValidity()) {
+          b.textContent = "Enter a valid email address.", c.focus();
+          return;
+        }
+        const N = c.value.trim(), _ = N.split("@")[0].replace(/[._-]+/g, " ").replace(/\b\w/g, (E) => E.toUpperCase()), f = document.createElement("li");
+        f.className = "team__row is-new", f.dataset.email = N, f.innerHTML = `<span class="team__avatar" style="--h:${z(_)}" aria-hidden="true">${F(_)}</span>
+            <span class="team__who"><strong></strong><small></small></span>
+            <span class="team__status team__status--invited">Invited</span>
+            <span class="team__role-static"></span>
+            <button type="button" class="team__remove" data-remove><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"/></svg></button>`, f.querySelector("strong").textContent = _, f.querySelector("small").textContent = N, f.querySelector(".team__role-static").textContent = k, f.querySelector("button").setAttribute("aria-label", `Remove ${_}`), o.append(f), l(f.querySelector("[data-remove]")), b.textContent = `Invitation sent to ${N} as ${k}.`, g.dispatchEvent(new CustomEvent("app:team-invite", { bubbles: !0, detail: { email: N, role: k } })), u.reset(), h();
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: me(["team", `team--${s}`, m]), "data-team": !0, "aria-labelledby": "team-title", "data-rk-5c76e9": "", children: [
+    /* @__PURE__ */ e("header", { className: "team__head", "data-rk-5c76e9": "", children: /* @__PURE__ */ t("div", { "data-rk-5c76e9": "", children: [
+      /* @__PURE__ */ e("h2", { className: "team__title", id: "team-title", "data-rk-5c76e9": "", children: d }),
+      a && /* @__PURE__ */ t("p", { className: "team__seats", "data-rk-5c76e9": "", children: [
+        /* @__PURE__ */ e("span", { "data-used": !0, "data-rk-5c76e9": "", children: r.length }),
+        " of ",
+        a,
+        " seats used"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t("form", { className: "team__invite", noValidate: !0, "data-invite": !0, "data-rk-5c76e9": "", children: [
+      /* @__PURE__ */ e("label", { className: "sr-only", htmlFor: "team-email", "data-rk-5c76e9": "", children: "Email to invite" }),
+      /* @__PURE__ */ e("input", { id: "team-email", type: "email", name: "email", placeholder: "name@company.com", required: !0, autoComplete: "email", "data-rk-5c76e9": "" }),
+      /* @__PURE__ */ e("label", { className: "sr-only", htmlFor: "team-role", "data-rk-5c76e9": "", children: "Role" }),
+      /* @__PURE__ */ e("select", { id: "team-role", name: "role", "data-rk-5c76e9": "", children: n.filter((g) => g !== "Owner").map((g, o) => /* @__PURE__ */ e("option", { "data-rk-5c76e9": "", children: g }, o)) }),
+      /* @__PURE__ */ e("button", { type: "submit", "data-rk-5c76e9": "", children: "Send invite" })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "team__msg", "aria-live": "polite", "data-msg": !0, "data-rk-5c76e9": "" }),
+    /* @__PURE__ */ e("ul", { className: "team__list", "data-list": !0, "data-rk-5c76e9": "", children: r.map((g, o) => /* @__PURE__ */ t("li", { className: "team__row", "data-email": g.email, "data-rk-5c76e9": "", children: [
+      /* @__PURE__ */ e("span", { className: "team__avatar", style: Ae(`--h: ${z(g.name)}`), "aria-hidden": "true", "data-rk-5c76e9": "", children: F(g.name) }),
+      /* @__PURE__ */ t("span", { className: "team__who", "data-rk-5c76e9": "", children: [
+        /* @__PURE__ */ t("strong", { "data-rk-5c76e9": "", children: [
+          g.name,
+          g.you && /* @__PURE__ */ e("em", { "data-rk-5c76e9": "", children: " (you)" })
+        ] }),
+        /* @__PURE__ */ e("small", { "data-rk-5c76e9": "", children: g.email })
+      ] }),
+      /* @__PURE__ */ e("span", { className: me(["team__status", `team__status--${g.status ?? "active"}`]), "data-rk-5c76e9": "", children: g.status === "invited" ? "Invited" : g.status === "suspended" ? "Suspended" : "Active" }),
+      /* @__PURE__ */ t("label", { className: "sr-only", htmlFor: `role-${g.email}`, "data-rk-5c76e9": "", children: [
+        "Role for ",
+        g.name
+      ] }),
+      /* @__PURE__ */ e("select", { id: `role-${g.email}`, className: "team__role", disabled: g.role === "Owner", "data-rk-5c76e9": "", children: n.map((b, w) => /* @__PURE__ */ e("option", { "data-rk-5c76e9": "", children: b }, w)) }),
+      /* @__PURE__ */ e("button", { type: "button", className: "team__remove", "aria-label": `Remove ${g.name}`, disabled: g.you, "data-remove": !0, "data-rk-5c76e9": "", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", "data-rk-5c76e9": "", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12", "data-rk-5c76e9": "" }) }) })
+    ] }, o)) })
+  ] }) });
+}
+function fe(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Ee(d) {
+  const r = {};
+  for (const n of String(d ?? "").split(";")) {
+    const a = n.indexOf(":");
+    if (a < 0) continue;
+    const s = n.slice(0, a).trim();
+    s && (r[s.startsWith("--") ? s : s.replace(/-([a-z])/g, (m, y) => y.toUpperCase())] = n.slice(a + 1).trim());
+  }
+  return r;
+}
+function ze({
+  plan: d = "Pro",
+  price: r = "€149 / month",
+  renews: n = "Renews on Dec 1, 2026",
+  usage: a = [
+    { label: "Rooms", used: 42, limit: 50 },
+    { label: "Team seats", used: 4, limit: 10 },
+    { label: "Channel connections", used: 3, limit: 5 },
+    { label: "Guest emails", used: 8200, limit: 1e4, unit: "/ month" }
+  ],
+  card: s = "Visa •••• 4242",
+  upgrade: m = { label: "Upgrade to Business", href: "#" },
+  manage: y = { label: "Manage billing", href: "#" },
+  warnAt: g = 80,
+  variant: o = "card",
+  className: b = ""
+}) {
+  const w = (u) => new Intl.NumberFormat("en-GB").format(u);
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t("section", { className: fe(["plan", `plan--${o}`, b]), "aria-labelledby": "plan-title", "data-rk-aac02d": "", children: [
+    /* @__PURE__ */ t("header", { className: "plan__head", "data-rk-aac02d": "", children: [
+      /* @__PURE__ */ t("div", { "data-rk-aac02d": "", children: [
+        /* @__PURE__ */ e("p", { className: "plan__eyebrow", "data-rk-aac02d": "", children: "Current plan" }),
+        /* @__PURE__ */ t("h2", { className: "plan__title", id: "plan-title", "data-rk-aac02d": "", children: [
+          d,
+          " ",
+          /* @__PURE__ */ e("span", { "data-rk-aac02d": "", children: r })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "plan__renew", "data-rk-aac02d": "", children: n })
+      ] }),
+      s && /* @__PURE__ */ t("p", { className: "plan__card", "data-rk-aac02d": "", children: [
+        /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-aac02d": "", children: [
+          /* @__PURE__ */ e("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", "data-rk-aac02d": "" }),
+          /* @__PURE__ */ e("path", { d: "M2 10h20", "data-rk-aac02d": "" })
+        ] }),
+        s
+      ] })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: "plan__meters", "data-rk-aac02d": "", children: a.map((u, h) => {
+      const l = Math.min(100, Math.round(u.used / u.limit * 100)), i = l >= 100 ? "danger" : l >= g ? "warning" : "ok";
+      return /* @__PURE__ */ t("li", { "data-rk-aac02d": "", children: [
+        /* @__PURE__ */ t("div", { className: "plan__meter-head", "data-rk-aac02d": "", children: [
+          /* @__PURE__ */ e("span", { "data-rk-aac02d": "", children: u.label }),
+          /* @__PURE__ */ t("strong", { "data-rk-aac02d": "", children: [
+            w(u.used),
+            " ",
+            /* @__PURE__ */ t("small", { "data-rk-aac02d": "", children: [
+              "of ",
+              w(u.limit),
+              u.unit ? ` ${u.unit}` : ""
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: fe(["plan__bar", `plan__bar--${i}`]), role: "meter", "aria-label": u.label, "aria-valuemin": 0, "aria-valuemax": u.limit, "aria-valuenow": u.used, "aria-valuetext": `${w(u.used)} of ${w(u.limit)}, ${l}%`, "data-rk-aac02d": "", children: /* @__PURE__ */ e("span", { style: Ee(`width: ${l}%`), "data-rk-aac02d": "" }) }),
+        i === "warning" && /* @__PURE__ */ t("p", { className: "plan__warn", "data-rk-aac02d": "", children: [
+          l,
+          "% used — consider upgrading soon."
+        ] })
+      ] }, h);
+    }) }),
+    /* @__PURE__ */ t("div", { className: "plan__actions", "data-rk-aac02d": "", children: [
+      m && /* @__PURE__ */ e("a", { className: "plan__btn plan__btn--primary", href: m.href, "data-rk-aac02d": "", children: m.label }),
+      y && /* @__PURE__ */ e("a", { className: "plan__btn", href: y.href, "data-rk-aac02d": "", children: y.label })
+    ] })
+  ] }) });
+}
+function $e(...d) {
+  const r = [], n = (a) => {
+    if (a) {
+      if (typeof a == "string" || typeof a == "number") r.push(String(a));
+      else if (Array.isArray(a)) a.forEach(n);
+      else if (typeof a == "object")
+        for (const [s, m] of Object.entries(a)) m && r.push(s);
+    }
+  };
+  return d.forEach(n), r.join(" ");
+}
+function Pe({
+  mode: d = "signin",
+  brand: r = "Lobby",
+  title: n = d === "signin" ? "Welcome back" : "Create your workspace",
+  subtitle: a = d === "signin" ? "Sign in to manage your property." : "Start your 14-day free trial — no card required.",
+  action: s = "#",
+  successHref: m = "#",
+  providers: y = ["Google", "Microsoft"],
+  switchHref: g = "#",
+  testimonial: o = { quote: "We replaced three tools with Lobby. Check-in takes half the time and our occupancy is up 9% this season.", author: "Lucía Ortega", role: "GM, Hotel Mirador" },
+  stats: b = [{ value: "2,400+", label: "properties" }, { value: "38%", label: "less admin time" }, { value: "4.9/5", label: "support rating" }],
+  variant: w = "split",
+  className: u = ""
+}) {
+  const h = d === "signin", l = I(!1);
+  return D(() => {
+    l.current || (l.current = !0, document.querySelectorAll("form[data-auth]:not([data-bound])").forEach((i) => {
+      i.dataset.bound = "";
+      const c = i.querySelector("[data-eye]"), k = i.querySelector("#auth-pass"), N = i.querySelector("[data-error]");
+      c == null || c.addEventListener("click", () => {
+        const _ = c.getAttribute("aria-pressed") !== "true";
+        c.setAttribute("aria-pressed", String(_)), c.setAttribute("aria-label", _ ? "Hide password" : "Show password"), k && (k.type = _ ? "text" : "password");
+      }), i.addEventListener("submit", (_) => {
+        i.querySelectorAll("[aria-invalid]").forEach((E) => E.removeAttribute("aria-invalid"));
+        const f = Array.from(i.querySelectorAll("input[required]")).filter((E) => !E.checkValidity());
+        if (f.length) {
+          _.preventDefault(), f.forEach((E) => E.setAttribute("aria-invalid", "true")), N.textContent = f[0].type === "password" ? "Your password needs at least 8 characters." : "Please check your email address.", f[0].focus();
+          return;
+        }
+        if (i.getAttribute("action") === "#") {
+          _.preventDefault();
+          const E = i.querySelector("[data-submit]");
+          E.disabled = !0, E.textContent = "Signing in…", window.setTimeout(() => {
+            window.location.href = i.dataset.success || "#";
+          }, 700);
+        }
+      });
+    }));
+  }, []), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e("div", { className: "auth-cq", "data-rk-149787": "", children: /* @__PURE__ */ t("section", { className: $e(["auth", `auth--${w}`, u]), "data-rk-149787": "", children: [
+    /* @__PURE__ */ e("div", { className: "auth__form-side", "data-rk-149787": "", children: /* @__PURE__ */ t("form", { className: "auth__card", action: s, method: "post", noValidate: !0, "data-auth": !0, "data-success": m, "data-rk-149787": "", children: [
+      /* @__PURE__ */ t("p", { className: "auth__brand", "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("span", { "aria-hidden": "true", "data-rk-149787": "", children: r.slice(0, 1) }),
+        r
+      ] }),
+      /* @__PURE__ */ e("h1", { className: "auth__title", "data-rk-149787": "", children: n }),
+      a && /* @__PURE__ */ e("p", { className: "auth__sub", "data-rk-149787": "", children: a }),
+      y.length > 0 && /* @__PURE__ */ t(C, { children: [
+        /* @__PURE__ */ e("div", { className: "auth__sso", "data-rk-149787": "", children: y.map((i, c) => /* @__PURE__ */ t("button", { type: "button", className: "auth__sso-btn", "data-rk-149787": "", children: [
+          "Continue with ",
+          i
+        ] }, c)) }),
+        /* @__PURE__ */ e("p", { className: "auth__or", "data-rk-149787": "", children: /* @__PURE__ */ e("span", { "data-rk-149787": "", children: "or with email" }) })
+      ] }),
+      !h && /* @__PURE__ */ t("div", { className: "auth__field", "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "auth-name", "data-rk-149787": "", children: "Full name" }),
+        /* @__PURE__ */ e("input", { id: "auth-name", name: "name", type: "text", autoComplete: "name", required: !0, "data-rk-149787": "" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "auth__field", "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "auth-email", "data-rk-149787": "", children: "Work email" }),
+        /* @__PURE__ */ e("input", { id: "auth-email", name: "email", type: "email", autoComplete: "email", required: !0, "aria-describedby": "auth-error", "data-rk-149787": "" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "auth__field", "data-rk-149787": "", children: [
+        /* @__PURE__ */ t("div", { className: "auth__label-row", "data-rk-149787": "", children: [
+          /* @__PURE__ */ e("label", { htmlFor: "auth-pass", "data-rk-149787": "", children: "Password" }),
+          h && /* @__PURE__ */ e("a", { href: "#", "data-rk-149787": "", children: "Forgot password?" })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "auth__pass", "data-rk-149787": "", children: [
+          /* @__PURE__ */ e("input", { id: "auth-pass", name: "password", type: "password", autoComplete: h ? "current-password" : "new-password", required: !0, minLength: 8, "aria-describedby": "auth-error", "data-rk-149787": "" }),
+          /* @__PURE__ */ e("button", { type: "button", className: "auth__eye", "aria-pressed": "false", "aria-label": "Show password", "data-eye": !0, "data-rk-149787": "", children: /* @__PURE__ */ t("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", "data-rk-149787": "", children: [
+            /* @__PURE__ */ e("path", { d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z", "data-rk-149787": "" }),
+            /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3", "data-rk-149787": "" })
+          ] }) })
+        ] })
+      ] }),
+      h && /* @__PURE__ */ t("label", { className: "auth__remember", "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("input", { type: "checkbox", name: "remember", defaultChecked: !0, "data-rk-149787": "" }),
+        " Keep me signed in"
+      ] }),
+      /* @__PURE__ */ e("p", { className: "auth__error", id: "auth-error", role: "alert", "data-error": !0, "data-rk-149787": "" }),
+      /* @__PURE__ */ e("button", { type: "submit", className: "auth__submit", "data-submit": !0, "data-rk-149787": "", children: h ? "Sign in" : "Create account" }),
+      /* @__PURE__ */ t("p", { className: "auth__switch", "data-rk-149787": "", children: [
+        h ? "New to " + r + "?" : "Already have an account?",
+        " ",
+        /* @__PURE__ */ e("a", { href: g, "data-rk-149787": "", children: h ? "Start a free trial" : "Sign in" })
+      ] })
+    ] }) }),
+    w === "split" && /* @__PURE__ */ t("aside", { className: "auth__brand-side", "aria-label": `About ${r}`, "data-rk-149787": "", children: [
+      o && /* @__PURE__ */ t("figure", { className: "auth__quote", "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("blockquote", { "data-rk-149787": "", children: /* @__PURE__ */ t("p", { "data-rk-149787": "", children: [
+          "“",
+          o.quote,
+          "”"
+        ] }) }),
+        /* @__PURE__ */ t("figcaption", { "data-rk-149787": "", children: [
+          /* @__PURE__ */ e("strong", { "data-rk-149787": "", children: o.author }),
+          o.role && /* @__PURE__ */ t("span", { "data-rk-149787": "", children: [
+            " · ",
+            o.role
+          ] })
+        ] })
+      ] }),
+      b.length > 0 && /* @__PURE__ */ e("dl", { className: "auth__stats", "data-rk-149787": "", children: b.map((i, c) => /* @__PURE__ */ t("div", { "data-rk-149787": "", children: [
+        /* @__PURE__ */ e("dt", { "data-rk-149787": "", children: i.label }),
+        /* @__PURE__ */ e("dd", { "data-rk-149787": "", children: i.value })
+      ] }, c)) })
+    ] })
+  ] }) }) });
+}
+export {
+  qe as A,
+  Be as D,
+  Oe as G,
+  Ie as H,
+  Re as P,
+  Te as R,
+  We as S,
+  Fe as T,
+  je as a,
+  De as b,
+  Pe as c,
+  ze as d,
+  He as e,
+  B as f,
+  ce as g,
+  z as h,
+  F as i
+};