pixelplay 1.1.4 → 1.2.1

package/dist/server.d.mts

@@ -184,6 +184,7 @@ type ThemeTokens = {
 };
 declare const lightTheme: ThemeTokens;
 declare const darkTheme: ThemeTokens;
+
 /**
  * Generates a `<style>` block with CSS custom properties for every design
  * theme × light/dark mode. The first theme (inkwell) is output as `:root` / `.dark`.
@@ -193,30 +194,26 @@ declare const darkTheme: ThemeTokens;
 declare function generateThemeCSS(): string;
 
 /**
- * PixelPlay UI — License validation via Polar.sh customer-portal API.
- *
- * Behaviour:
- * - Development (`next dev`): console warning if no key, components work fine.
- * - Production build (`next build`): validates key against Polar API.
- *   Build fails if the key is missing, invalid, or revoked.
+ * PixelPlay UI - License validation (optional).
  *
- * This uses the public customer-portal endpoint (no auth token required).
+ * The npm package is free to use. License keys are optional and used
+ * for analytics/support tracking only. Builds never fail due to missing keys.
  */
 interface InitOptions {
-    /** The customer's license key (from PIXELPLAY_LICENSE_KEY env var) */
+    /** Optional license key for analytics/support tracking */
     licenseKey?: string;
 }
 /**
- * Initialise PixelPlay and validate the license key.
+ * Initialise PixelPlay (optional).
  *
- * Call this once at the top of your root layout (server component):
+ * Call this once at the top of your root layout if you want to register
+ * your license key for support tracking:
  * ```ts
  * import { initPixelPlay } from "pixelplay/server";
  * initPixelPlay({ licenseKey: process.env.PIXELPLAY_LICENSE_KEY });
  * ```
  *
- * In development: logs a warning if no key — components still work.
- * In production builds: validates the key and fails the build if invalid.
+ * Without a key, components work normally in all environments.
  */
 declare function initPixelPlay(options?: InitOptions): Promise<void>;
 

package/dist/server.d.ts

@@ -184,6 +184,7 @@ type ThemeTokens = {
 };
 declare const lightTheme: ThemeTokens;
 declare const darkTheme: ThemeTokens;
+
 /**
  * Generates a `<style>` block with CSS custom properties for every design
  * theme × light/dark mode. The first theme (inkwell) is output as `:root` / `.dark`.
@@ -193,30 +194,26 @@ declare const darkTheme: ThemeTokens;
 declare function generateThemeCSS(): string;
 
 /**
- * PixelPlay UI — License validation via Polar.sh customer-portal API.
- *
- * Behaviour:
- * - Development (`next dev`): console warning if no key, components work fine.
- * - Production build (`next build`): validates key against Polar API.
- *   Build fails if the key is missing, invalid, or revoked.
+ * PixelPlay UI - License validation (optional).
  *
- * This uses the public customer-portal endpoint (no auth token required).
+ * The npm package is free to use. License keys are optional and used
+ * for analytics/support tracking only. Builds never fail due to missing keys.
  */
 interface InitOptions {
-    /** The customer's license key (from PIXELPLAY_LICENSE_KEY env var) */
+    /** Optional license key for analytics/support tracking */
     licenseKey?: string;
 }
 /**
- * Initialise PixelPlay and validate the license key.
+ * Initialise PixelPlay (optional).
  *
- * Call this once at the top of your root layout (server component):
+ * Call this once at the top of your root layout if you want to register
+ * your license key for support tracking:
  * ```ts
  * import { initPixelPlay } from "pixelplay/server";
  * initPixelPlay({ licenseKey: process.env.PIXELPLAY_LICENSE_KEY });
  * ```
  *
- * In development: logs a warning if no key — components still work.
- * In production builds: validates the key and fails the build if invalid.
+ * Without a key, components work normally in all environments.
  */
 declare function initPixelPlay(options?: InitOptions): Promise<void>;
 

package/dist/server.js

@@ -684,6 +684,7 @@ var rosewoodTheme = {
   label: "Rosewood",
   description: "Elegant fashion & retail",
   swatch: colors.rose[200],
+  personality: "soft",
   light: rosewoodLightTheme,
   dark: rosewoodDarkTheme,
   globals: {
@@ -726,7 +727,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"
   }
 };
 
@@ -965,6 +979,7 @@ var botanicaTheme = {
   label: "Botanica",
   description: "Nature-inspired cooking & lifestyle",
   swatch: colors.emerald[700],
+  personality: "balanced",
   light: botanicaLightTheme,
   dark: botanicaDarkTheme,
   globals: {
@@ -1007,7 +1022,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"
   }
 };
 
@@ -1246,6 +1274,7 @@ var inkwellTheme = {
   label: "Inkwell",
   description: "Bold editorial & news",
   swatch: colors.violet[600],
+  personality: "sharp",
   light: inkwellLightTheme,
   dark: inkwellDarkTheme,
   globals: {
@@ -1288,7 +1317,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"
   }
 };
 
@@ -1587,26 +1629,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",
@@ -1617,29 +1646,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) {
   }
 }
 // Annotate the CommonJS export names for ESM import in node: