@nextworks/blocks-core 0.1.0-alpha.8 → 0.2.0-alpha.10

package/README.md

@@ -8,22 +8,22 @@ This package provides:
 - Theme helpers and providers
 - Types and helpers shared by other `@nextworks/blocks-*` packages
 
-## Installation
+## Recommended: install via the nextworks CLI
+
+Most developers should install Blocks via the **nextworks** CLI (copy-in / shadcn-style) rather than consuming this package directly.
 
 ```bash
-npm install @nextworks/blocks-core
-# or
-pnpm add @nextworks/blocks-core
-# or
-yarn add @nextworks/blocks-core
+npx nextworks@latest add blocks --templates
 ```
 
-You will typically not use this package directly unless you are composing your own blocks or building on top of `@nextworks/blocks-sections` or `@nextworks/blocks-templates`.
+- npm (CLI): https://www.npmjs.com/package/nextworks
 
-For a higher-level experience with copyable files and Next.js app wiring, consider using the `nextworks` CLI:
+## Direct installation (advanced)
+
+If you’re building on top of the compiled `@nextworks/blocks-*` packages, you can install this package directly:
 
 ```bash
-npx nextworks add blocks
+npm install @nextworks/blocks-core
 ```
 
-which copies a curated set of components and templates into your app.
+You will typically not use this package directly unless you are composing your own blocks or building on top of `@nextworks/blocks-sections` or `@nextworks/blocks-templates`.

package/dist/components/AppProviders.client.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type AppProvidersClientProps = Readonly<{
+    children: React.ReactNode;
+}>;
+/**
+ * Client-safe AppProviders for Pages Router.
+ *
+ * Unlike the App Router server variant, this version does not read cookies
+ * or inject server-rendered theme CSS.
+ */
+export default function AppProvidersClient({ children, }: AppProvidersClientProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppProviders.client.d.ts.map

package/dist/components/AppProviders.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProviders.client.d.ts","sourceRoot":"","sources":["../../src/components/AppProviders.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;IAC7C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,QAAQ,GACT,EAAE,uBAAuB,2CAMzB"}

package/dist/components/AppProviders.client.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BlocksAppProviders } from "../providers/BlocksAppProviders";
+/**
+ * Client-safe AppProviders for Pages Router.
+ *
+ * Unlike the App Router server variant, this version does not read cookies
+ * or inject server-rendered theme CSS.
+ */
+export default function AppProvidersClient({ children, }) {
+    return (_jsx("div", { className: "antialiased", children: _jsx(BlocksAppProviders, { children: children }) }));
+}

package/dist/components/AppProviders.server.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export default function AppProviders({ children, }: Readonly<{
     children: React.ReactNode;
 }>): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/components/AppProviders.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppProviders.server.d.ts","sourceRoot":"","sources":["../../src/components/AppProviders.server.tsx"],"names":[],"mappings":"AAwDA,wBAA8B,YAAY,CAAC,EACzC,QAAQ,GACT,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,oDA0CzC"}
+{"version":3,"file":"AppProviders.server.d.ts","sourceRoot":"","sources":["../../src/components/AppProviders.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAA8B,YAAY,CAAC,EACzC,QAAQ,GACT,EAAE,QAAQ,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAC,oDAazC"}

package/dist/components/AppProviders.server.js

@@ -1,60 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Geist, Geist_Mono, Outfit, Inter, Poppins } from "next/font/google";
-import { EnhancedThemeProvider } from "./enhanced-theme-provider";
-import { cookies } from "next/headers";
-import { themes, darkThemes, } from "../lib/themes";
-const geistSans = Geist({
-    variable: "--font-geist-sans",
-    subsets: ["latin"],
-});
-const geistMono = Geist_Mono({
-    variable: "--font-geist-mono",
-    subsets: ["latin"],
-});
-const outfit = Outfit({
-    variable: "--font-outfit",
-    subsets: ["latin"],
-});
-const inter = Inter({
-    variable: "--font-inter",
-    subsets: ["latin"],
-});
-const poppins = Poppins({
-    variable: "--font-poppins",
-    subsets: ["latin"],
-    weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
-});
-function toCssVars(colors) {
-    return Object.entries(colors)
-        .map(([key, value]) => `--${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value};`)
-        .join("");
-}
-function safeParseCustomTokens(value) {
-    if (!value)
-        return null;
-    try {
-        return JSON.parse(decodeURIComponent(value));
-    }
-    catch (_a) {
-        return null;
-    }
-}
+import { BlocksAppProviders } from "../providers/BlocksAppProviders";
+import { getInitialThemeFromCookies } from "../server/theme-vars";
 export default async function AppProviders({ children, }) {
-    var _a, _b;
-    // Read cookies for SSR: chosen variant and optional custom tokens
-    const cookieStore = await cookies();
-    const cookieVariant = (_a = cookieStore.get("theme-variant")) === null || _a === void 0 ? void 0 : _a.value;
-    const variant = cookieVariant && cookieVariant in themes ? cookieVariant : "default";
-    const cookieCustom = variant === "custom"
-        ? safeParseCustomTokens((_b = cookieStore.get("theme-custom")) === null || _b === void 0 ? void 0 : _b.value)
-        : null;
-    const baseLight = themes[variant].colors;
-    const baseDark = darkThemes[variant].colors;
-    const lightMerged = cookieCustom
-        ? Object.assign(Object.assign({}, baseLight), cookieCustom) : baseLight;
-    const darkMerged = cookieCustom ? Object.assign(Object.assign({}, baseDark), cookieCustom) : baseDark;
-    const lightVars = toCssVars(lightMerged);
-    const darkVars = toCssVars(darkMerged);
-    const inlineThemeCss = `:root{${lightVars}}.dark{${darkVars}}`;
-    return (_jsxs(_Fragment, { children: [_jsx("style", { id: "theme-variant-vars", dangerouslySetInnerHTML: { __html: inlineThemeCss } }), _jsx("div", { className: `${geistSans.variable} ${geistMono.variable} ${outfit.variable} ${inter.variable} ${poppins.variable} antialiased`, children: _jsx(EnhancedThemeProvider, { defaultThemeVariant: variant, children: children }) })] }));
+    const { variant, styleTag } = await getInitialThemeFromCookies();
+    return (_jsxs(_Fragment, { children: [styleTag, _jsx("div", { className: "antialiased", children: _jsx(BlocksAppProviders, { defaultThemeVariant: variant, children: children }) })] }));
 }

package/dist/components/enhanced-theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhanced-theme-provider.d.ts","sourceRoot":"","sources":["../../src/components/enhanced-theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EACL,YAAY,EAGZ,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,KAAK,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAGzC,UAAU,0BAA0B;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,yBAAyB,CAAC,EAAE,uBAAuB,CAAC,2BAA2B,CAAC,CAAC;IACjF,mBAAmB,CAAC,EAAE,YAAY,CAAC;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACnD;AAED,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAE7D,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/D;AAMD,wBAAgB,eAAe,qBAQ9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAmB,EACnB,YAAuB,EACvB,YAAmB,EACnB,yBAAiC,EACjC,mBAAkC,EAClC,mBAA0B,GAC3B,EAAE,0BAA0B,2CAqI5B"}
+{"version":3,"file":"enhanced-theme-provider.d.ts","sourceRoot":"","sources":["../../src/components/enhanced-theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EACL,YAAY,EAGZ,KAAK,WAAW,EACjB,MAAM,eAAe,CAAC;AAEvB,KAAK,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;AAGzC,UAAU,0BAA0B;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,yBAAyB,CAAC,EAAE,uBAAuB,CAAC,2BAA2B,CAAC,CAAC;IACjF,mBAAmB,CAAC,EAAE,YAAY,CAAC;IAEnC,mBAAmB,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACnD;AAED,UAAU,gBAAgB;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,oBAAoB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAE7D,UAAU,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/D;AAMD,wBAAgB,eAAe,qBAQ9B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAmB,EACnB,YAAuB,EACvB,YAAmB,EACnB,yBAAiC,EACjC,mBAAkC,EAClC,mBAA0B,GAC3B,EAAE,0BAA0B,2CAoI5B"}

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-
-// Auto-generated by scripts/postbuild.js
 export * from "./lib/themes";
 export * from "./lib/utils";
 export * from "./components/enhanced-theme-provider";
 export * from "./components/theme-provider";
+export { default as AppProvidersClient } from "./components/AppProviders.client";
+export * from "./providers/BlocksAppProviders";
 export * from "./ui/alert-dialog";
 export * from "./ui/brand-node";
 export * from "./ui/button";
@@ -24,3 +24,4 @@ export * from "./ui/textarea";
 export * from "./ui/theme-selector";
 export * from "./ui/theme-toggle";
 export * from "./ui/toaster";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAG5B,cAAc,sCAAsC,CAAC;AACrD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAG5B,cAAc,sCAAsC,CAAC;AACrD,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGjF,cAAc,gCAAgC,CAAC;AAG/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC"}

package/dist/index.js

@@ -4,6 +4,9 @@ export * from "./lib/utils";
 // Client-safe providers/hooks
 export * from "./components/enhanced-theme-provider";
 export * from "./components/theme-provider";
+export { default as AppProvidersClient } from "./components/AppProviders.client";
+// Provider composition (no next/* imports)
+export * from "./providers/BlocksAppProviders";
 // UI primitives
 export * from "./ui/alert-dialog";
 export * from "./ui/brand-node";

package/dist/providers/BlocksAppProviders.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { ThemeVariant } from "../lib/themes";
+export type BlocksAppProvidersProps = {
+    children: React.ReactNode;
+    defaultThemeVariant?: ThemeVariant;
+};
+/**
+ * Client-safe provider wrapper for Nextworks blocks.
+ *
+ * This file intentionally contains no next/* imports.
+ */
+export declare function BlocksAppProviders({ children, defaultThemeVariant, }: BlocksAppProvidersProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BlocksAppProviders.d.ts.map

package/dist/providers/BlocksAppProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlocksAppProviders.d.ts","sourceRoot":"","sources":["../../src/providers/BlocksAppProviders.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,YAAY,CAAC;CACpC,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,mBAAkC,GACnC,EAAE,uBAAuB,2CAMzB"}

package/dist/providers/BlocksAppProviders.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EnhancedThemeProvider } from "../components/enhanced-theme-provider";
+/**
+ * Client-safe provider wrapper for Nextworks blocks.
+ *
+ * This file intentionally contains no next/* imports.
+ */
+export function BlocksAppProviders({ children, defaultThemeVariant = "monochrome", }) {
+    return (_jsx(EnhancedThemeProvider, { defaultThemeVariant: defaultThemeVariant, children: children }));
+}

package/dist/server/theme-vars.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { type ThemeVariant } from "../lib/themes";
+/**
+ * Server-only: reads cookies and returns initial theme variant + a <style> tag
+ * that sets CSS variables for :root and .dark.
+ *
+ * No next/font usage here (Turbopack-safe).
+ */
+export declare function getInitialThemeFromCookies(): Promise<{
+    variant: ThemeVariant;
+    styleTag: React.ReactElement;
+}>;
+//# sourceMappingURL=theme-vars.d.ts.map

package/dist/server/theme-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-vars.d.ts","sourceRoot":"","sources":["../../src/server/theme-vars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,eAAe,CAAC;AAsBvB;;;;;GAKG;AACH,wBAAsB,0BAA0B,IAAI,OAAO,CAAC;IAC1D,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC,CAiCD"}

package/dist/server/theme-vars.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cookies } from "next/headers";
+import { themes, darkThemes, } from "../lib/themes";
+function toCssVars(colors) {
+    return Object.entries(colors)
+        .map(([key, value]) => `--${key.replace(/([A-Z])/g, "-$1").toLowerCase()}: ${value};`)
+        .join("");
+}
+function safeParseCustomTokens(value) {
+    if (!value)
+        return null;
+    try {
+        return JSON.parse(decodeURIComponent(value));
+    }
+    catch (_a) {
+        return null;
+    }
+}
+/**
+ * Server-only: reads cookies and returns initial theme variant + a <style> tag
+ * that sets CSS variables for :root and .dark.
+ *
+ * No next/font usage here (Turbopack-safe).
+ */
+export async function getInitialThemeFromCookies() {
+    var _a, _b;
+    const cookieStore = await cookies();
+    const cookieVariant = (_a = cookieStore.get("theme-variant")) === null || _a === void 0 ? void 0 : _a.value;
+    const variant = cookieVariant && cookieVariant in themes ? cookieVariant : "default";
+    const cookieCustom = variant === "custom"
+        ? safeParseCustomTokens((_b = cookieStore.get("theme-custom")) === null || _b === void 0 ? void 0 : _b.value)
+        : null;
+    const baseLight = themes[variant].colors;
+    const baseDark = darkThemes[variant].colors;
+    const lightMerged = cookieCustom ? Object.assign(Object.assign({}, baseLight), cookieCustom) : baseLight;
+    const darkMerged = cookieCustom ? Object.assign(Object.assign({}, baseDark), cookieCustom) : baseDark;
+    const lightVars = toCssVars(lightMerged);
+    const darkVars = toCssVars(darkMerged);
+    const inlineThemeCss = `:root{${lightVars}}.dark{${darkVars}}`;
+    return {
+        variant,
+        styleTag: (_jsx("style", { id: "theme-variant-vars", dangerouslySetInnerHTML: { __html: inlineThemeCss } })),
+    };
+}

package/dist/server.d.ts

@@ -1,3 +1,4 @@
 
 // Auto-generated by scripts/postbuild.js
-export * from "./components/AppProviders.server";
+// Keep this file in sync with src/server.ts runtime exports.
+export { default as AppProviders } from "./components/AppProviders.server";

package/dist/ui/button.js

@@ -57,7 +57,7 @@ const Button = React.forwardRef((_a, ref) => {
                 "bg-[var(--btn-bg)]",
                 "hover:bg-[var(--btn-hover-bg)]",
                 "hover:text-[var(--btn-hover-fg)]",
-                // explicit dark variants to compete with dark: utilities from variants like outline
+                // Explicit dark variants to compete with dark: utilities from variants like outline
                 "dark:bg-[var(--btn-bg)]",
                 "dark:hover:bg-[var(--btn-hover-bg)]",
                 "dark:hover:text-[var(--btn-hover-fg)]",

package/dist/ui/testimonial-card.js

@@ -14,7 +14,7 @@ function getInitials(from) {
 export function TestimonialCard({ id, className, 
 // legacy defaults
 testimonialText = "Lorem ipsum dolor sit amet! Consectetur adipiscing elit.", testimonialAuthor = " - Cillum Dolore", testimonialAuthorInitials = "JD", 
-// new props (no defaults, we derive below)
+// New props (no defaults, we derive below)
 quote, name, role, card = {
     className: "bg-card text-card-foreground p-6 rounded-lg border border-border shadow-md transition-transform duration-200 hover:-translate-y-1 bg-[var(--card-bg)] text-[var(--card-fg)] border-[var(--card-border)] shadow-[var(--card-shadow)]",
 }, content = {

package/dist/ui/theme-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-selector.d.ts","sourceRoot":"","sources":["../../src/ui/theme-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAUtC,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,SAA+B,EAC/B,KAAe,EACf,SAAS,EACT,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAqNpB"}
+{"version":3,"file":"theme-selector.d.ts","sourceRoot":"","sources":["../../src/ui/theme-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAUtC,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,GAAG;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,SAA+B,EAC/B,KAAe,EACf,SAAS,EACT,GAAG,WAAW,EACf,EAAE,kBAAkB,2CAiNpB"}

package/dist-cjs/components/AppProviders.client.cjs

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AppProvidersClient;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BlocksAppProviders_1 = require("../providers/BlocksAppProviders");
+/**
+ * Client-safe AppProviders for Pages Router.
+ *
+ * Unlike the App Router server variant, this version does not read cookies
+ * or inject server-rendered theme CSS.
+ */
+function AppProvidersClient({ children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "antialiased", children: (0, jsx_runtime_1.jsx)(BlocksAppProviders_1.BlocksAppProviders, { children: children }) }));
+}

package/dist-cjs/components/AppProviders.server.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AppProviders;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const BlocksAppProviders_1 = require("../providers/BlocksAppProviders");
+const theme_vars_1 = require("../server/theme-vars");
+async function AppProviders({ children, }) {
+    const { variant, styleTag } = await (0, theme_vars_1.getInitialThemeFromCookies)();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [styleTag, (0, jsx_runtime_1.jsx)("div", { className: "antialiased", children: (0, jsx_runtime_1.jsx)(BlocksAppProviders_1.BlocksAppProviders, { defaultThemeVariant: variant, children: children }) })] }));
+}

package/dist-cjs/components/enhanced-theme-provider.cjs

@@ -0,0 +1,142 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeVariant = useThemeVariant;
+exports.EnhancedThemeProvider = EnhancedThemeProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const next_themes_1 = require("next-themes");
+const themes_1 = require("../lib/themes");
+const CUSTOM_STORAGE_KEY = "nxw-theme-custom";
+const ThemeContext = React.createContext(undefined);
+function useThemeVariant() {
+    const context = React.useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error("useThemeVariant must be used within an EnhancedThemeProvider");
+    }
+    return context;
+}
+function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "system", enableSystem = true, disableTransitionOnChange = false, defaultThemeVariant = "monochrome", defaultCustomTokens = null, }) {
+    const [themeVariant, setThemeVariant] = React.useState(defaultThemeVariant);
+    const [customTheme, setCustomThemeState] = React.useState(defaultCustomTokens);
+    const writeCustomCookies = React.useCallback((tokens) => {
+        if (tokens) {
+            document.cookie = `theme-variant=custom; Path=/; Max-Age=31536000; SameSite=Lax`;
+            document.cookie = `theme-custom=${encodeURIComponent(JSON.stringify(tokens))}; Path=/; Max-Age=31536000; SameSite=Lax`;
+        }
+        else {
+            document.cookie = `theme-custom=; Path=/; Max-Age=0; SameSite=Lax`;
+        }
+    }, []);
+    const setCustomTheme = React.useCallback((tokens) => {
+        setCustomThemeState(tokens);
+        try {
+            if (tokens) {
+                localStorage.setItem(CUSTOM_STORAGE_KEY, JSON.stringify(tokens));
+            }
+            else {
+                localStorage.removeItem(CUSTOM_STORAGE_KEY);
+            }
+        }
+        catch (_a) { }
+        writeCustomCookies(tokens !== null && tokens !== void 0 ? tokens : null);
+    }, [writeCustomCookies]);
+    const setCustomBrandColors = React.useCallback((tokens) => {
+        setThemeVariant("custom");
+        setCustomTheme(tokens);
+    }, [setCustomTheme]);
+    const applyTheme = React.useCallback((variant, isDark = false) => {
+        const base = isDark ? themes_1.darkThemes[variant].colors : themes_1.themes[variant].colors;
+        const merged = variant === "custom" && customTheme
+            ? Object.assign(Object.assign({}, base), customTheme) : base;
+        // Apply CSS custom properties to the document root
+        const root = document.documentElement;
+        // Reflect the current variant for CSS selectors
+        root.setAttribute("data-theme-variant", variant);
+        Object.entries(merged).forEach(([key, value]) => {
+            const cssVar = `--${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+            root.style.setProperty(cssVar, value);
+        });
+    }, [customTheme]);
+    // Apply theme when variant or custom tokens change
+    React.useEffect(() => {
+        const isDark = document.documentElement.classList.contains("dark");
+        applyTheme(themeVariant, isDark);
+    }, [themeVariant, customTheme, applyTheme]);
+    // Load custom tokens from localStorage on mount (overrides defaultCustomTokens if present)
+    React.useEffect(() => {
+        try {
+            const raw = localStorage.getItem(CUSTOM_STORAGE_KEY);
+            if (raw) {
+                const parsed = JSON.parse(raw);
+                setCustomThemeState(parsed);
+            }
+        }
+        catch (_a) { }
+    }, []);
+    // Listen for theme changes from next-themes
+    React.useEffect(() => {
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === "attributes" &&
+                    mutation.attributeName === "class") {
+                    const isDark = document.documentElement.classList.contains("dark");
+                    applyTheme(themeVariant, isDark);
+                }
+            });
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ["class"],
+        });
+        return () => observer.disconnect();
+    }, [themeVariant, applyTheme]);
+    const contextValue = React.useMemo(() => ({
+        themeVariant,
+        setThemeVariant,
+        customTheme,
+        setCustomTheme,
+        setCustomBrandColors,
+        applyTheme,
+    }), [
+        themeVariant,
+        customTheme,
+        setCustomTheme,
+        setCustomBrandColors,
+        applyTheme,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(next_themes_1.ThemeProvider, { attribute: attribute, defaultTheme: defaultTheme, enableSystem: enableSystem, disableTransitionOnChange: disableTransitionOnChange, children: (0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: contextValue, children: children }) }));
+}

package/dist-cjs/components/theme-provider.cjs

@@ -0,0 +1,9 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = ThemeProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const next_themes_1 = require("next-themes");
+function ThemeProvider({ children, attribute = "class", defaultTheme = "system", enableSystem = true, disableTransitionOnChange = false, }) {
+    return ((0, jsx_runtime_1.jsx)(next_themes_1.ThemeProvider, { attribute: attribute, defaultTheme: defaultTheme, enableSystem: enableSystem, disableTransitionOnChange: disableTransitionOnChange, children: children }));
+}

package/dist-cjs/index.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProvidersClient = void 0;
+// Theme data & utilities
+__exportStar(require("./lib/themes.cjs"), exports);
+__exportStar(require("./lib/utils.cjs"), exports);
+// Client-safe providers/hooks
+__exportStar(require("./components/enhanced-theme-provider.cjs"), exports);
+__exportStar(require("./components/theme-provider.cjs"), exports);
+var AppProviders_client_1 = require("./components/AppProviders.client.cjs");
+Object.defineProperty(exports, "AppProvidersClient", { enumerable: true, get: function () { return __importDefault(AppProviders_client_1).default; } });
+// Provider composition (no next/* imports)
+__exportStar(require("./providers/BlocksAppProviders.cjs"), exports);
+// UI primitives
+__exportStar(require("./ui/alert-dialog.cjs"), exports);
+__exportStar(require("./ui/brand-node.cjs"), exports);
+__exportStar(require("./ui/button.cjs"), exports);
+__exportStar(require("./ui/card.cjs"), exports);
+__exportStar(require("./ui/checkbox.cjs"), exports);
+__exportStar(require("./ui/cta-button.cjs"), exports);
+__exportStar(require("./ui/dropdown-menu.cjs"), exports);
+__exportStar(require("./ui/feature-card.cjs"), exports);
+__exportStar(require("./ui/input.cjs"), exports);
+__exportStar(require("./ui/label.cjs"), exports);
+__exportStar(require("./ui/pricing-card.cjs"), exports);
+__exportStar(require("./ui/select.cjs"), exports);
+__exportStar(require("./ui/skeleton.cjs"), exports);
+__exportStar(require("./ui/switch.cjs"), exports);
+__exportStar(require("./ui/table.cjs"), exports);
+__exportStar(require("./ui/testimonial-card.cjs"), exports);
+__exportStar(require("./ui/textarea.cjs"), exports);
+__exportStar(require("./ui/theme-selector.cjs"), exports);
+__exportStar(require("./ui/theme-toggle.cjs"), exports);
+__exportStar(require("./ui/toaster.cjs"), exports);