pixelplay 1.2.0 → 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

@@ -43,10 +43,10 @@ var colors = {
     500: "#9E77ED",
     600: "#7F56D9",
     700: "#6941C6",
-    800: "#53389E",
-    900: "#42307D",
-    950: "#26145A",
-    975: "#160C34"
+    800: "#42307D",
+    900: "#26145A",
+    950: "#160C34",
+    975: "#0B061A"
   },
   error: {
     25: "#FFFBFA",
@@ -58,10 +58,10 @@ var colors = {
     500: "#F04438",
     600: "#D92D20",
     700: "#B42318",
-    800: "#912018",
-    900: "#7A271A",
-    950: "#4C1108",
-    975: "#2B0904"
+    800: "#7A271A",
+    900: "#4C1108",
+    950: "#2B0904",
+    975: "#160502"
   },
   warning: {
     25: "#FFFCF5",
@@ -73,10 +73,10 @@ var colors = {
     500: "#F79009",
     600: "#DC6803",
     700: "#B54708",
-    800: "#93370D",
-    900: "#7A2E0E",
-    950: "#491A06",
-    975: "#291003"
+    800: "#7A2E0E",
+    900: "#491A06",
+    950: "#291003",
+    975: "#150802"
   },
   success: {
     25: "#F6FEF9",
@@ -88,10 +88,10 @@ var colors = {
     500: "#12B76A",
     600: "#039855",
     700: "#027A48",
-    800: "#05603A",
-    900: "#054F31",
-    950: "#03301E",
-    975: "#021C11"
+    800: "#054F31",
+    900: "#03301E",
+    950: "#021C11",
+    975: "#010E09"
   },
   // ── Neutrals ──────────────────────────────────────────────────────────────
   gray: {
@@ -165,10 +165,10 @@ var colors = {
     500: "#EF4444",
     600: "#DC2626",
     700: "#B91C1C",
-    800: "#991B1B",
-    900: "#7F1D1D",
-    950: "#4C1111",
-    975: "#2B0909"
+    800: "#7F1D1D",
+    900: "#4C1111",
+    950: "#2B0909",
+    975: "#160505"
   },
   orange: {
     25: "#FFFAF5",
@@ -180,10 +180,10 @@ var colors = {
     500: "#FB6514",
     600: "#EC4A0A",
     700: "#C4320A",
-    800: "#9C2A10",
-    900: "#7E2410",
-    950: "#4C1509",
-    975: "#2B0C05"
+    800: "#7E2410",
+    900: "#4C1509",
+    950: "#2B0C05",
+    975: "#160603"
   },
   amber: {
     25: "#FFFDF5",
@@ -195,10 +195,10 @@ var colors = {
     500: "#F59E0B",
     600: "#D97706",
     700: "#B45309",
-    800: "#92400E",
-    900: "#78350F",
-    950: "#471E07",
-    975: "#280F03"
+    800: "#78350F",
+    900: "#471E07",
+    950: "#280F03",
+    975: "#140802"
   },
   yellow: {
     25: "#FEFEF2",
@@ -210,10 +210,10 @@ var colors = {
     500: "#EAB308",
     600: "#CA8A04",
     700: "#A16207",
-    800: "#854D0E",
-    900: "#713F12",
-    950: "#44250A",
-    975: "#261505"
+    800: "#713F12",
+    900: "#44250A",
+    950: "#261505",
+    975: "#130B03"
   },
   // ── Greens ────────────────────────────────────────────────────────────────
   lime: {
@@ -226,10 +226,10 @@ var colors = {
     500: "#84CC16",
     600: "#65A30D",
     700: "#4D7C0F",
-    800: "#3F6212",
-    900: "#365314",
-    950: "#20320C",
-    975: "#121C06"
+    800: "#365314",
+    900: "#20320C",
+    950: "#121C06",
+    975: "#090E03"
   },
   green: {
     25: "#F2FDF5",
@@ -241,10 +241,10 @@ var colors = {
     500: "#22C55E",
     600: "#16A34A",
     700: "#15803D",
-    800: "#166534",
-    900: "#14532D",
-    950: "#0C321B",
-    975: "#061C0F"
+    800: "#14532D",
+    900: "#0C321B",
+    950: "#061C0F",
+    975: "#030E08"
   },
   emerald: {
     25: "#F3FDF8",
@@ -256,10 +256,10 @@ var colors = {
     500: "#10B981",
     600: "#059669",
     700: "#047857",
-    800: "#065F46",
-    900: "#064E3B",
-    950: "#032F23",
-    975: "#021A13"
+    800: "#064E3B",
+    900: "#032F23",
+    950: "#021A13",
+    975: "#010D0A"
   },
   teal: {
     25: "#F0FCFB",
@@ -271,10 +271,10 @@ var colors = {
     500: "#14B8A6",
     600: "#0D9488",
     700: "#0F766E",
-    800: "#115E59",
-    900: "#134E4A",
-    950: "#0A302E",
-    975: "#061C1A"
+    800: "#134E4A",
+    900: "#0A302E",
+    950: "#061C1A",
+    975: "#030E0D"
   },
   // ── Blues ─────────────────────────────────────────────────────────────────
   cyan: {
@@ -287,10 +287,10 @@ var colors = {
     500: "#06B6D4",
     600: "#0891B2",
     700: "#0E7490",
-    800: "#155E75",
-    900: "#164E63",
-    950: "#0C2F3C",
-    975: "#071A22"
+    800: "#164E63",
+    900: "#0C2F3C",
+    950: "#071A22",
+    975: "#040D11"
   },
   blueLight: {
     25: "#F5FBFF",
@@ -302,10 +302,10 @@ var colors = {
     500: "#0BA5EC",
     600: "#0086C9",
     700: "#026AA2",
-    800: "#065986",
-    900: "#0B4A6F",
-    950: "#062C43",
-    975: "#031826"
+    800: "#0B4A6F",
+    900: "#062C43",
+    950: "#031826",
+    975: "#020C13"
   },
   blue: {
     25: "#F5FAFF",
@@ -317,10 +317,10 @@ var colors = {
     500: "#2E90FA",
     600: "#1570EF",
     700: "#175CD3",
-    800: "#1849A9",
-    900: "#194185",
-    950: "#0E2669",
-    975: "#08153B"
+    800: "#194185",
+    900: "#0E2669",
+    950: "#08153B",
+    975: "#040B1E"
   },
   blueGray: {
     25: "#FCFCFD",
@@ -348,10 +348,10 @@ var colors = {
     500: "#6172F3",
     600: "#444CE7",
     700: "#3538CD",
-    800: "#2D31A6",
-    900: "#2D3282",
-    950: "#1B1F52",
-    975: "#10122F"
+    800: "#2D3282",
+    900: "#1B1F52",
+    950: "#10122F",
+    975: "#080918"
   },
   violet: {
     25: "#FAFAFF",
@@ -363,10 +363,10 @@ var colors = {
     500: "#8B5CF6",
     600: "#7C3AED",
     700: "#6D28D9",
-    800: "#5B21B6",
-    900: "#4C1D95",
-    950: "#2D1159",
-    975: "#190932"
+    800: "#4C1D95",
+    900: "#2D1159",
+    950: "#190932",
+    975: "#0D0519"
   },
   purple: {
     25: "#FAFAFF",
@@ -378,10 +378,10 @@ var colors = {
     500: "#7A5AF8",
     600: "#6938EF",
     700: "#5925DC",
-    800: "#4A1FB8",
-    900: "#3E1C96",
-    950: "#25105A",
-    975: "#140932"
+    800: "#3E1C96",
+    900: "#25105A",
+    950: "#140932",
+    975: "#0A0519"
   },
   fuchsia: {
     25: "#FEF8FF",
@@ -393,10 +393,10 @@ var colors = {
     500: "#D946EF",
     600: "#C026D3",
     700: "#A21CAF",
-    800: "#86198F",
-    900: "#701A75",
-    950: "#430F46",
-    975: "#250827"
+    800: "#701A75",
+    900: "#430F46",
+    950: "#250827",
+    975: "#130414"
   },
   pink: {
     25: "#FEF6FB",
@@ -408,10 +408,10 @@ var colors = {
     500: "#EE46BC",
     600: "#DD2590",
     700: "#C11574",
-    800: "#9E165F",
-    900: "#851651",
-    950: "#4F0C30",
-    975: "#2C071A"
+    800: "#851651",
+    900: "#4F0C30",
+    950: "#2C071A",
+    975: "#16040D"
   },
   rose: {
     25: "#FFF5F6",
@@ -423,10 +423,10 @@ var colors = {
     500: "#F63D68",
     600: "#E31B54",
     700: "#C01048",
-    800: "#A11043",
-    900: "#89123E",
-    950: "#520A25",
-    975: "#2E0514"
+    800: "#89123E",
+    900: "#520A25",
+    950: "#2E0514",
+    975: "#17030A"
   }
 };
 var textScale = {
@@ -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: