@nextworks/blocks-core 0.2.0-alpha.0 → 0.2.0-alpha.2

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/index.d.ts

@@ -1,9 +1,8 @@
-
-// 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";
@@ -25,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,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"}
+{"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,7 @@ 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

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);