@sonordev/site-kit 6.5.0 → 7.0.0

package/dist/chunk-R3TOKUDJ.js

@@ -0,0 +1,191 @@
+'use client';
+import { locToPath, isMalformedSitemapPath, inferPageType } from './chunk-YVKRYQRG.js';
+import { resolveAnalyticsTarget } from './chunk-43OCZ3JA.js';
+import { sonorFetch } from './chunk-4WI3FU5L.js';
+import { useRef, useEffect } from 'react';
+
+var SYNC_STAMP_KEY = "_sk_sitemap_synced_at";
+var SYNC_HASH_KEY = "_sk_sitemap_hash";
+function isRecentlySynced(throttleMinutes) {
+  try {
+    const stamp = sessionStorage.getItem(SYNC_STAMP_KEY);
+    if (!stamp) return false;
+    const elapsed = Date.now() - parseInt(stamp, 10);
+    return elapsed >= 0 && elapsed < throttleMinutes * 60 * 1e3;
+  } catch {
+    return false;
+  }
+}
+function stampSynced() {
+  try {
+    sessionStorage.setItem(SYNC_STAMP_KEY, Date.now().toString());
+  } catch {
+  }
+}
+function hashEntries(sitemapUrl, entries) {
+  const text = entries.map((e) => `${e.path}|${e.lastmod ?? ""}|${e.changefreq ?? ""}|${e.priority ?? ""}`).join("\n");
+  let hash = 0;
+  for (let i = 0; i < text.length; i++) {
+    hash = (hash << 5) - hash + text.charCodeAt(i) | 0;
+  }
+  return `${sitemapUrl}:${entries.length}:${hash.toString(16)}`;
+}
+function isAlreadySyncedHash(hash) {
+  try {
+    return localStorage.getItem(SYNC_HASH_KEY) === hash;
+  } catch {
+    return false;
+  }
+}
+function storeSyncedHash(hash) {
+  try {
+    localStorage.setItem(SYNC_HASH_KEY, hash);
+  } catch {
+  }
+}
+async function parseSitemap(sitemapUrl, debug) {
+  try {
+    const response = await sonorFetch(sitemapUrl);
+    if (!response.ok) {
+      if (debug) console.warn("[SitemapSync] Failed to fetch sitemap:", response.status);
+      return [];
+    }
+    const text = await response.text();
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(text, "application/xml");
+    const parseError = doc.querySelector("parsererror");
+    if (parseError) {
+      if (debug) console.warn("[SitemapSync] Sitemap parse error:", parseError.textContent);
+      return [];
+    }
+    const urls = doc.querySelectorAll("url");
+    const entries = [];
+    urls.forEach((url) => {
+      const loc = url.querySelector("loc")?.textContent?.trim();
+      if (!loc) return;
+      const path = locToPath(loc);
+      if (isMalformedSitemapPath(path)) {
+        if (debug) console.warn(`[SitemapSync] Skipping malformed path: ${path}`);
+        return;
+      }
+      const lastmod = url.querySelector("lastmod")?.textContent || void 0;
+      const changefreq = url.querySelector("changefreq")?.textContent || void 0;
+      const priorityStr = url.querySelector("priority")?.textContent;
+      const priority = priorityStr ? parseFloat(priorityStr) : void 0;
+      entries.push({ path, lastmod, changefreq, priority });
+    });
+    if (debug) {
+      console.log(`[SitemapSync] Parsed ${entries.length} entries from sitemap`);
+    }
+    return entries;
+  } catch (error) {
+    if (debug) console.error("[SitemapSync] Error parsing sitemap:", error);
+    return [];
+  }
+}
+async function syncToPortal(entries, apiUrl, apiKey, site, debug, mode = "additive", gate = {}) {
+  if (!apiKey) {
+    if (debug) console.warn("[SitemapSync] No API key configured");
+    return { success: false, created: 0, updated: 0 };
+  }
+  if (entries.length === 0) {
+    if (debug) console.log("[SitemapSync] No entries to sync");
+    return { success: true, created: 0, updated: 0 };
+  }
+  try {
+    const target = resolveAnalyticsTarget({ ...gate, apiUrl, apiKey });
+    if (!target) return { success: false, created: 0, updated: 0 };
+    const response = await sonorFetch(`${target.apiUrl}/api/public/seo/register-sitemap`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        entries: entries.map((e) => ({
+          path: e.path,
+          priority: e.priority,
+          changefreq: e.changefreq,
+          pageType: inferPageType(e.path)
+        })),
+        mode,
+        // Sub-site host — tagged on every seo_pages row so the dashboard
+        // can scope the page tree to one microsite. Resolved by
+        // SiteKitClientProviders (see __SITE_KIT_SITE__).
+        ...site ? { site } : {}
+      })
+    }, { apiKey: target.apiKey, retries: 2 });
+    if (!response?.ok) {
+      if (debug) console.error("[SitemapSync] API error:", response?.status, response?.statusText);
+      return { success: false, created: 0, updated: 0 };
+    }
+    const result = await response.json();
+    if (debug) {
+      console.log(`[SitemapSync] Synced: ${result.created} created, ${result.updated} updated`);
+    }
+    return {
+      success: true,
+      created: result.created || 0,
+      updated: result.updated || 0
+    };
+  } catch (error) {
+    if (debug) console.error("[SitemapSync] Sync error:", error);
+    return { success: false, created: 0, updated: 0 };
+  }
+}
+function SitemapSync({
+  sitemapUrl = "/sitemap.xml",
+  syncInterval = 60,
+  debug = false,
+  mode = "additive",
+  apiUrl: propApiUrl,
+  apiKey: propApiKey,
+  allowInFrame = false,
+  allowLocalhost = false
+}) {
+  const hasSyncedRef = useRef(false);
+  const intervalRef = useRef(null);
+  useEffect(() => {
+    const effectiveMode = "additive";
+    const throttleMinutes = syncInterval > 0 ? syncInterval : 60;
+    const doSync = async () => {
+      const gate = { apiUrl: propApiUrl, apiKey: propApiKey, allowInFrame, allowLocalhost, debug };
+      const target = resolveAnalyticsTarget(gate);
+      if (!target) return;
+      const { apiUrl, apiKey } = target;
+      const site = window.__SITE_KIT_SITE__ || window.location.host || "";
+      if (isRecentlySynced(throttleMinutes)) {
+        if (debug) console.log("[SitemapSync] Skipped \u2014 synced within the last", throttleMinutes, "min this session");
+        return;
+      }
+      if (debug) console.log("[SitemapSync] Starting sitemap sync...", site ? `(site: ${site})` : "");
+      const entries = await parseSitemap(sitemapUrl, debug);
+      if (entries.length > 0) {
+        const hash = hashEntries(sitemapUrl, entries);
+        if (isAlreadySyncedHash(hash)) {
+          stampSynced();
+          if (debug) console.log("[SitemapSync] Skipped POST \u2014 sitemap unchanged since last successful sync");
+          return;
+        }
+        const result = await syncToPortal(entries, apiUrl, apiKey, site, debug, effectiveMode, gate);
+        if (result.success) {
+          stampSynced();
+          storeSyncedHash(hash);
+        }
+      }
+    };
+    if (!resolveAnalyticsTarget({ apiUrl: propApiUrl, apiKey: propApiKey, allowInFrame, allowLocalhost, debug })) return;
+    if (!hasSyncedRef.current) {
+      hasSyncedRef.current = true;
+      doSync();
+    }
+    if (syncInterval > 0) {
+      intervalRef.current = setInterval(doSync, syncInterval * 60 * 1e3);
+    }
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+      }
+    };
+  }, [sitemapUrl, syncInterval, debug, mode, propApiUrl, propApiKey, allowInFrame, allowLocalhost]);
+  return null;
+}
+
+export { SitemapSync };

package/dist/chunk-S22FSH7C.js

@@ -0,0 +1,94 @@
+// src/contracts/color.ts
+var HEX_COLOR = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+var DARK_LUMINANCE = 0.179;
+function channel(v) {
+  const c = v / 255;
+  return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+function relativeLuminance({ r, g, b }) {
+  return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
+}
+function contrastRatio(a, b) {
+  return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);
+}
+function hexToRgb(hex) {
+  if (!HEX_COLOR.test(hex)) return null;
+  let c = hex.slice(1);
+  if (c.length <= 4) c = c.split("").map((ch) => ch + ch).join("");
+  if (c.length === 8 && c.slice(6) === "00") return null;
+  return {
+    r: parseInt(c.slice(0, 2), 16),
+    g: parseInt(c.slice(2, 4), 16),
+    b: parseInt(c.slice(4, 6), 16)
+  };
+}
+function hslToRgb(h, s, l) {
+  const k = (n) => (n + h / 30) % 12;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  return { r: Math.round(f(0) * 255), g: Math.round(f(8) * 255), b: Math.round(f(4) * 255) };
+}
+function colorArgs(inner) {
+  const [main, alpha] = inner.split("/");
+  const parts = main.split(/[\s,]+/).filter(Boolean);
+  if (alpha === void 0 && parts.length === 4) return { parts: parts.slice(0, 3), alpha: parts[3] };
+  return { parts, alpha: alpha?.trim() };
+}
+function isTransparentAlpha(alpha) {
+  if (!alpha) return false;
+  const n = alpha.endsWith("%") ? parseFloat(alpha) / 100 : parseFloat(alpha);
+  return n === 0;
+}
+function colorFunction(v) {
+  const fn = v.match(/^([a-z]+)\((.*)\)$/);
+  if (!fn) return null;
+  const { parts, alpha } = colorArgs(fn[2]);
+  if (isTransparentAlpha(alpha) || parts.length < 3) return null;
+  return { name: fn[1], parts };
+}
+var num = (p, scale) => p.endsWith("%") ? parseFloat(p) / 100 * scale : parseFloat(p);
+function parseColor(value) {
+  const v = value.trim().toLowerCase();
+  if (!v || v === "transparent") return null;
+  if (v === "white") return { r: 255, g: 255, b: 255 };
+  if (v === "black") return { r: 0, g: 0, b: 0 };
+  if (v.startsWith("#")) return hexToRgb(v);
+  const fn = colorFunction(v);
+  if (fn) {
+    const { name, parts } = fn;
+    if (name === "rgb" || name === "rgba") {
+      const [r, g, b] = parts.map((p) => num(p, 255));
+      return [r, g, b].some(Number.isNaN) ? null : { r, g, b };
+    }
+    if (name === "hsl" || name === "hsla") {
+      const h = parseFloat(parts[0]);
+      const s = num(parts[1], 1);
+      const l = num(parts[2], 1);
+      return [h, s, l].some(Number.isNaN) ? null : hslToRgb(h, s, l);
+    }
+    return null;
+  }
+  const triple = v.match(/^(-?[\d.]+)(?:deg)?\s+([\d.]+)%\s+([\d.]+)%$/);
+  if (triple) return hslToRgb(parseFloat(triple[1]), parseFloat(triple[2]) / 100, parseFloat(triple[3]) / 100);
+  return null;
+}
+function colorLuminance(value) {
+  const rgb = parseColor(value);
+  if (rgb) return relativeLuminance(rgb);
+  const fn = colorFunction(value.trim().toLowerCase());
+  if (!fn) return null;
+  const { name, parts } = fn;
+  if (name === "oklch" || name === "oklab") {
+    const L = num(parts[0], 1);
+    return Number.isNaN(L) ? null : Math.min(1, Math.max(0, L)) ** 3;
+  }
+  if (name === "lab" || name === "lch") {
+    const L = num(parts[0], 100);
+    if (Number.isNaN(L)) return null;
+    const f = (L + 16) / 116;
+    return Math.min(1, Math.max(0, L > 8 ? f ** 3 : L / 903.3));
+  }
+  return null;
+}
+
+export { DARK_LUMINANCE, HEX_COLOR, colorLuminance, contrastRatio, parseColor, relativeLuminance };

package/dist/chunk-SC4MZGWZ.js

@@ -0,0 +1,63 @@
+import { widgetStyle, widgetTitleStyle } from './chunk-GYF2ULVO.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function NewsletterShell({
+  title,
+  description,
+  buttonText,
+  email,
+  onEmailChange,
+  onFormSubmit,
+  status,
+  successMessage,
+  errorMessage
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: { ...widgetStyle, backgroundColor: "rgba(var(--sk-primary-rgb), 0.1)" }, children: [
+    /* @__PURE__ */ jsx("h4", { style: { ...widgetTitleStyle, color: "var(--sk-primary)" }, children: title }),
+    status === "success" ? /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "var(--sk-text-secondary)", margin: 0 }, children: successMessage }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("p", { style: { fontSize: 14, color: "var(--sk-text-secondary)", marginBottom: 16 }, children: description }),
+      /* @__PURE__ */ jsxs("form", { onSubmit: onFormSubmit, style: { display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "email",
+            name: "email",
+            placeholder: "Enter your email",
+            required: true,
+            value: email,
+            onChange: (e) => onEmailChange(e.target.value),
+            disabled: status === "submitting",
+            style: {
+              flex: 1,
+              padding: "10px 12px",
+              border: "1px solid var(--sk-border)",
+              borderRadius: 8,
+              fontSize: 14
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: status === "submitting",
+            style: {
+              padding: "10px 16px",
+              backgroundColor: "var(--sk-primary)",
+              color: "var(--sk-bg)",
+              border: "none",
+              borderRadius: 8,
+              fontSize: 14,
+              fontWeight: 500,
+              cursor: status === "submitting" ? "wait" : "pointer"
+            },
+            children: status === "submitting" ? "\u2026" : buttonText
+          }
+        )
+      ] }),
+      status === "error" && /* @__PURE__ */ jsx("p", { style: { fontSize: 13, color: "var(--sk-error, #dc2626)", margin: "8px 0 0" }, children: errorMessage || "Something went wrong. Please try again." })
+    ] })
+  ] });
+}
+
+export { NewsletterShell };

package/dist/chunk-SOD2F6C2.js

@@ -0,0 +1,281 @@
+'use client';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/forms/DatePicker.tsx
+var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+function pad(n) {
+  return n < 10 ? `0${n}` : `${n}`;
+}
+function toDateStr(y, m, d) {
+  return `${y}-${pad(m + 1)}-${pad(d)}`;
+}
+function parseDate(str) {
+  if (!str) return null;
+  const [y, m, d] = str.split("-").map(Number);
+  if (!y || !m || !d) return null;
+  return { year: y, month: m - 1, day: d };
+}
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  return new Date(year, month, 1).getDay();
+}
+function formatDisplay(dateStr) {
+  const parsed = parseDate(dateStr);
+  if (!parsed) return "";
+  return `${MONTHS[parsed.month]} ${parsed.day}, ${parsed.year}`;
+}
+function DatePicker({
+  value,
+  onChange,
+  id,
+  name,
+  required,
+  minDate,
+  placeholder = "Select a date",
+  className = "",
+  style
+}) {
+  const today = /* @__PURE__ */ new Date();
+  const todayStr = toDateStr(today.getFullYear(), today.getMonth(), today.getDate());
+  const effectiveMin = minDate || "";
+  const parsed = parseDate(value);
+  const [viewYear, setViewYear] = useState(parsed?.year || today.getFullYear());
+  const [viewMonth, setViewMonth] = useState(parsed?.month ?? today.getMonth());
+  const [open, setOpen] = useState(false);
+  const [closing, setClosing] = useState(false);
+  const closeTimer = useRef(null);
+  const containerRef = useRef(null);
+  const closeAnimated = useCallback(() => {
+    if (closeTimer.current !== null) return;
+    setClosing(true);
+    closeTimer.current = window.setTimeout(() => {
+      closeTimer.current = null;
+      setClosing(false);
+      setOpen(false);
+    }, 180);
+  }, []);
+  useEffect(
+    () => () => {
+      if (closeTimer.current !== null) window.clearTimeout(closeTimer.current);
+    },
+    []
+  );
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        closeAnimated();
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, closeAnimated]);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key === "Escape") closeAnimated();
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [open, closeAnimated]);
+  const prevMonth = useCallback(() => {
+    if (viewMonth === 0) {
+      setViewMonth(11);
+      setViewYear((y) => y - 1);
+    } else setViewMonth((m) => m - 1);
+  }, [viewMonth]);
+  const nextMonth = useCallback(() => {
+    if (viewMonth === 11) {
+      setViewMonth(0);
+      setViewYear((y) => y + 1);
+    } else setViewMonth((m) => m + 1);
+  }, [viewMonth]);
+  const selectDay = useCallback((day) => {
+    const dateStr = toDateStr(viewYear, viewMonth, day);
+    onChange(dateStr);
+    closeAnimated();
+  }, [viewYear, viewMonth, onChange, closeAnimated]);
+  const isDisabled = useCallback((day) => {
+    const dateStr = toDateStr(viewYear, viewMonth, day);
+    return dateStr < effectiveMin;
+  }, [viewYear, viewMonth, effectiveMin]);
+  const isSelected = useCallback((day) => {
+    if (!value) return false;
+    return toDateStr(viewYear, viewMonth, day) === value;
+  }, [viewYear, viewMonth, value]);
+  const isToday = useCallback((day) => {
+    return toDateStr(viewYear, viewMonth, day) === todayStr;
+  }, [viewYear, viewMonth, todayStr]);
+  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
+  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
+  const weeks = [];
+  let week = Array(firstDay).fill(null);
+  for (let d = 1; d <= daysInMonth; d++) {
+    week.push(d);
+    if (week.length === 7) {
+      weeks.push(week);
+      week = [];
+    }
+  }
+  if (week.length > 0) {
+    while (week.length < 7) week.push(null);
+    weeks.push(week);
+  }
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `sk-datepicker ${className}`, style: { position: "relative", ...style }, children: [
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: value || "" }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        onClick: () => open ? closeAnimated() : setOpen(true),
+        "aria-required": required,
+        "aria-expanded": open,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          width: "100%",
+          padding: "var(--sk-input-padding, 10px 12px)",
+          backgroundColor: "var(--sk-input-bg, #fff)",
+          border: `1px solid ${open ? "var(--sk-input-border-focus, #2563eb)" : "var(--sk-input-border, #d1d5db)"}`,
+          borderRadius: "var(--sk-input-radius, 0.375rem)",
+          fontSize: "var(--sk-font-size, 14px)",
+          color: value ? "var(--sk-form-success-text, #111)" : "var(--sk-text-tertiary, #9ca3af)",
+          cursor: "pointer",
+          outline: "none",
+          textAlign: "left"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: value ? "sk-datepicker__value--stamp" : void 0, children: value ? formatDisplay(value) : placeholder }, value || "empty"),
+          /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.5, flexShrink: 0 }, children: [
+            /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+            /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+            /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+            /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "sk-datepicker__pop",
+        "data-sk-closing": closing ? "true" : void 0,
+        style: {
+          position: "absolute",
+          top: "100%",
+          left: 0,
+          right: 0,
+          marginTop: "4px",
+          backgroundColor: "var(--sk-input-bg, #fff)",
+          border: "1px solid var(--sk-input-border, #d1d5db)",
+          borderRadius: "var(--sk-input-radius, 0.375rem)",
+          boxShadow: "0 10px 25px rgba(0,0,0,0.3)",
+          zIndex: 50,
+          padding: "12px",
+          minWidth: "280px"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: prevMonth,
+                style: { background: "none", border: "none", cursor: "pointer", padding: "4px 8px", color: "var(--sk-label-color, #6b7280)", fontSize: "18px", lineHeight: 1 },
+                "aria-label": "Previous month",
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600, fontSize: "14px", color: "var(--sk-form-success-text, #111)" }, children: [
+              MONTHS[viewMonth],
+              " ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: nextMonth,
+                style: { background: "none", border: "none", cursor: "pointer", padding: "4px 8px", color: "var(--sk-label-color, #6b7280)", fontSize: "18px", lineHeight: 1 },
+                "aria-label": "Next month",
+                children: "\u203A"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: "2px", marginBottom: "4px" }, children: DAYS.map((d) => /* @__PURE__ */ jsx("div", { style: { textAlign: "center", fontSize: "11px", fontWeight: 600, color: "var(--sk-text-tertiary, #9ca3af)", padding: "4px 0", textTransform: "uppercase", letterSpacing: "0.05em" }, children: d }, d)) }),
+          weeks.map((week2, wi) => /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: "2px" }, children: week2.map((day, di) => {
+            if (day === null) {
+              return /* @__PURE__ */ jsx("div", { style: { padding: "6px" } }, di);
+            }
+            const disabled = isDisabled(day);
+            const selected = isSelected(day);
+            const todayMark = isToday(day);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled,
+                onClick: () => selectDay(day),
+                style: {
+                  padding: "6px",
+                  textAlign: "center",
+                  fontSize: "13px",
+                  fontWeight: selected ? 700 : todayMark ? 600 : 400,
+                  borderRadius: "6px",
+                  border: todayMark && !selected ? "1px solid var(--sk-primary, #2563eb)" : "1px solid transparent",
+                  background: selected ? "var(--sk-primary, #2563eb)" : "transparent",
+                  color: disabled ? "var(--sk-text-tertiary, #9ca3af)" : selected ? "#fff" : "var(--sk-form-success-text, #111)",
+                  cursor: disabled ? "not-allowed" : "pointer",
+                  opacity: disabled ? 0.4 : 1,
+                  transition: "background 0.15s, color 0.15s"
+                },
+                onMouseEnter: (e) => {
+                  if (!disabled && !selected) {
+                    e.target.style.background = "var(--sk-input-border, #e5e7eb)";
+                  }
+                },
+                onMouseLeave: (e) => {
+                  if (!disabled && !selected) {
+                    e.target.style.background = "transparent";
+                  }
+                },
+                "aria-label": `${MONTHS[viewMonth]} ${day}, ${viewYear}`,
+                "aria-selected": selected,
+                children: day
+              },
+              di
+            );
+          }) }, wi)),
+          /* @__PURE__ */ jsx("div", { style: { marginTop: "8px", textAlign: "center" }, children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                onChange(todayStr);
+                setOpen(false);
+              },
+              style: {
+                background: "none",
+                border: "none",
+                cursor: "pointer",
+                fontSize: "12px",
+                fontWeight: 600,
+                color: "var(--sk-primary, #2563eb)",
+                padding: "4px 8px"
+              },
+              children: "Today"
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { DatePicker };

package/dist/chunk-SS636UDN.js

@@ -0,0 +1,35 @@
+import { createHmac, timingSafeEqual } from 'crypto';
+
+// src/contracts/slots.ts
+var SLOTS_CONTRACT_VERSION = 1;
+var SLOT_CONTENT_TYPES = ["text"];
+var SLOT_CONTENT_MAX_LENGTH = 1e4;
+var SLOT_ID_PATTERN = /^[a-z0-9][a-z0-9-_.:]{0,127}$/;
+function isValidSlotId(id) {
+  return SLOT_ID_PATTERN.test(id);
+}
+function slotSigningPayload(content) {
+  return `sonor-slot.v${SLOTS_CONTRACT_VERSION}
+${content.slot_id}
+${content.type}
+${content.content}`;
+}
+function signSlotContent(content, apiKey) {
+  return createHmac("sha256", apiKey).update(slotSigningPayload(content), "utf8").digest("hex");
+}
+function verifySlotContent(content, apiKey) {
+  if (!content || typeof content !== "object") return false;
+  const c = content;
+  if (typeof c.slot_id !== "string" || !isValidSlotId(c.slot_id) || typeof c.content !== "string" || c.content.length === 0 || c.content.length > SLOT_CONTENT_MAX_LENGTH || typeof c.signature !== "string" || !SLOT_CONTENT_TYPES.includes(c.type)) {
+    return false;
+  }
+  const expected = signSlotContent(
+    { slot_id: c.slot_id, type: c.type, content: c.content },
+    apiKey
+  );
+  const a = Buffer.from(expected, "utf8");
+  const b = Buffer.from(c.signature, "utf8");
+  return a.length === b.length && timingSafeEqual(a, b);
+}
+
+export { SLOTS_CONTRACT_VERSION, SLOT_CONTENT_MAX_LENGTH, SLOT_CONTENT_TYPES, SLOT_ID_PATTERN, isValidSlotId, signSlotContent, slotSigningPayload, verifySlotContent };