pixelplay 1.1.4 → 1.2.1

package/dist/server.mjs

@@ -655,6 +655,7 @@ var rosewoodTheme = {
   label: "Rosewood",
   description: "Elegant fashion & retail",
   swatch: colors.rose[200],
+  personality: "soft",
   light: rosewoodLightTheme,
   dark: rosewoodDarkTheme,
   globals: {
@@ -697,7 +698,20 @@ var rosewoodTheme = {
     "--shadow-md": "0 4px 16px -2px rgba(68,44,46,0.06)",
     "--shadow-lg": "0 8px 28px -4px rgba(68,44,46,0.06)",
     "--shadow-xl": "0 16px 44px -6px rgba(68,44,46,0.06)",
-    "--shadow-2xl": "0 24px 60px -8px rgba(68,44,46,0.06)"
+    "--shadow-2xl": "0 24px 60px -8px rgba(68,44,46,0.06)",
+    // ── Spacing tokens ──
+    "--spacing-page-x": "1rem",
+    "--spacing-page-y": "1.5rem",
+    "--spacing-card-x": "1.25rem",
+    "--spacing-card-y": "1rem",
+    "--spacing-section-gap": "1.5rem",
+    "--spacing-row-gap": "1rem",
+    "--spacing-col-gap": "1rem",
+    "--spacing-header-h": "3.5rem",
+    "--spacing-sidebar-w": "17.25rem",
+    "--spacing-filter-bar-x": "1rem",
+    "--spacing-filter-bar-y": "0.75rem",
+    "--spacing-aside-w": "20rem"
   }
 };
 
@@ -936,6 +950,7 @@ var botanicaTheme = {
   label: "Botanica",
   description: "Nature-inspired cooking & lifestyle",
   swatch: colors.emerald[700],
+  personality: "balanced",
   light: botanicaLightTheme,
   dark: botanicaDarkTheme,
   globals: {
@@ -978,7 +993,20 @@ var botanicaTheme = {
     "--shadow-md": "0 3px 10px -2px rgba(26,58,42,0.10)",
     "--shadow-lg": "0 6px 20px -4px rgba(26,58,42,0.12)",
     "--shadow-xl": "0 12px 32px -6px rgba(26,58,42,0.12)",
-    "--shadow-2xl": "0 20px 48px -8px rgba(26,58,42,0.14)"
+    "--shadow-2xl": "0 20px 48px -8px rgba(26,58,42,0.14)",
+    // ── Spacing tokens ──
+    "--spacing-page-x": "1rem",
+    "--spacing-page-y": "1.5rem",
+    "--spacing-card-x": "1.5rem",
+    "--spacing-card-y": "1.25rem",
+    "--spacing-section-gap": "1.5rem",
+    "--spacing-row-gap": "1rem",
+    "--spacing-col-gap": "1rem",
+    "--spacing-header-h": "3.5rem",
+    "--spacing-sidebar-w": "17.25rem",
+    "--spacing-filter-bar-x": "1rem",
+    "--spacing-filter-bar-y": "0.75rem",
+    "--spacing-aside-w": "20rem"
   }
 };
 
@@ -1217,6 +1245,7 @@ var inkwellTheme = {
   label: "Inkwell",
   description: "Bold editorial & news",
   swatch: colors.violet[600],
+  personality: "sharp",
   light: inkwellLightTheme,
   dark: inkwellDarkTheme,
   globals: {
@@ -1259,7 +1288,20 @@ var inkwellTheme = {
     "--shadow-md": "0 2px 6px -1px rgba(0,0,0,0.20)",
     "--shadow-lg": "0 4px 12px -2px rgba(0,0,0,0.22)",
     "--shadow-xl": "0 8px 24px -4px rgba(0,0,0,0.22)",
-    "--shadow-2xl": "0 12px 36px -6px rgba(0,0,0,0.24)"
+    "--shadow-2xl": "0 12px 36px -6px rgba(0,0,0,0.24)",
+    // ── Spacing tokens ──
+    "--spacing-page-x": "1rem",
+    "--spacing-page-y": "1.5rem",
+    "--spacing-card-x": "1.25rem",
+    "--spacing-card-y": "1rem",
+    "--spacing-section-gap": "1.5rem",
+    "--spacing-row-gap": "1rem",
+    "--spacing-col-gap": "1rem",
+    "--spacing-header-h": "3.5rem",
+    "--spacing-sidebar-w": "17.25rem",
+    "--spacing-filter-bar-x": "1rem",
+    "--spacing-filter-bar-y": "0.75rem",
+    "--spacing-aside-w": "20rem"
   }
 };
 
@@ -1558,26 +1600,13 @@ async function initPixelPlay(options) {
   if (initialised) return;
   initialised = true;
   const key = options == null ? void 0 : options.licenseKey;
-  const isProduction = process.env.NODE_ENV === "production";
   if (!key) {
-    if (isProduction) {
-      throw new Error(
-        "\n\n\u{1F6AB} PixelPlay UI \u2014 Build failed: No license key provided.\n   Set PIXELPLAY_LICENSE_KEY in your environment variables.\n   Purchase a license at https://dennisisaac.com/ui-kit/pricing\n"
-      );
-    }
-    console.warn(
-      "\n\u26A0\uFE0F  PixelPlay UI \u2014 No license key provided.\n   Components will work in development, but production builds require a valid key.\n   Purchase a license at https://dennisisaac.com/ui-kit/pricing\n"
-    );
-    return;
-  }
-  if (!isProduction) {
-    validateKey(key, false).catch(() => {
-    });
     return;
   }
-  await validateKey(key, true);
+  validateKey(key).catch(() => {
+  });
 }
-async function validateKey(key, throwOnError) {
+async function validateKey(key) {
   try {
     const res = await fetch(VALIDATE_URL, {
       method: "POST",
@@ -1588,29 +1617,20 @@ async function validateKey(key, throwOnError) {
       })
     });
     if (!res.ok) {
-      const status = res.status;
-      if (status === 404 || status === 422) {
-        const msg = "\n\u{1F6AB} PixelPlay UI \u2014 Invalid license key.\n   The provided PIXELPLAY_LICENSE_KEY could not be validated.\n   Please check your key or purchase a license at\n   https://dennisisaac.com/ui-kit/pricing\n";
-        if (throwOnError) throw new Error(msg);
-        console.warn("\u26A0\uFE0F " + msg);
-        return;
+      if (res.status === 404 || res.status === 422) {
+        console.info(
+          "[PixelPlay] License key could not be validated. Components will still work normally."
+        );
       }
       return;
     }
     const data = await res.json();
     if (data.status === "revoked" || data.status === "disabled") {
-      const msg = `
-\u{1F6AB} PixelPlay UI \u2014 License key has been ${data.status}.
-   Please contact support or purchase a new license at
-   https://dennisisaac.com/ui-kit/pricing
-`;
-      if (throwOnError) throw new Error(msg);
-      console.warn("\u26A0\uFE0F " + msg);
-    }
-  } catch (err) {
-    if (err instanceof Error && err.message.includes("PixelPlay UI")) {
-      throw err;
+      console.info(
+        `[PixelPlay] License key has been ${data.status}. Components will still work normally.`
+      );
     }
+  } catch (e) {
   }
 }
 export {