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

package/dist-cjs/lib/themes.cjs

@@ -0,0 +1,399 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkThemes = exports.themes = void 0;
+exports.themes = {
+    default: {
+        name: "Default",
+        colors: {
+            primary: "oklch(0.205 0 0)",
+            primaryForeground: "oklch(0.985 0 0)",
+            secondary: "oklch(0.97 0 0)",
+            secondaryForeground: "oklch(0.205 0 0)",
+            accent: "oklch(0.97 0 0)",
+            accentForeground: "oklch(0.205 0 0)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.145 0 0)",
+            card: "oklch(1 0 0)",
+            cardForeground: "oklch(0.145 0 0)",
+            popover: "oklch(1 0 0)",
+            popoverForeground: "oklch(0.145 0 0)",
+            muted: "oklch(0.97 0 0)",
+            mutedForeground: "oklch(0.556 0 0)",
+            border: "oklch(0.922 0 0)",
+            input: "oklch(0.922 0 0)",
+            ring: "oklch(0.708 0 0)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            chart1: "oklch(0.646 0.222 41.116)",
+            chart2: "oklch(0.6 0.118 184.704)",
+            chart3: "oklch(0.398 0.07 227.392)",
+            chart4: "oklch(0.828 0.189 84.429)",
+            chart5: "oklch(0.769 0.188 70.08)",
+        },
+    },
+    monochrome: {
+        name: "Monochrome",
+        colors: {
+            primary: "oklch(0.2 0 0)",
+            primaryForeground: "oklch(0.98 0 0)",
+            secondary: "oklch(0.95 0 0)",
+            secondaryForeground: "oklch(0.2 0 0)",
+            accent: "oklch(0.9 0 0)",
+            accentForeground: "oklch(0.2 0 0)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.1 0 0)",
+            card: "oklch(0.99 0 0)",
+            cardForeground: "oklch(0.1 0 0)",
+            popover: "oklch(0.99 0 0)",
+            popoverForeground: "oklch(0.1 0 0)",
+            muted: "oklch(0.95 0 0)",
+            mutedForeground: "oklch(0.5 0 0)",
+            border: "oklch(0.9 0 0)",
+            input: "oklch(0.9 0 0)",
+            ring: "oklch(0.7 0 0)",
+            destructive: "oklch(0.4 0 0)",
+            chart1: "oklch(0.2 0 0)",
+            chart2: "oklch(0.4 0 0)",
+            chart3: "oklch(0.6 0 0)",
+            chart4: "oklch(0.8 0 0)",
+            chart5: "oklch(0.3 0 0)",
+        },
+    },
+    blue: {
+        name: "Blue",
+        colors: {
+            primary: "oklch(0.5 0.2 240)",
+            primaryForeground: "oklch(0.98 0 0)",
+            secondary: "oklch(0.95 0.05 240)",
+            secondaryForeground: "oklch(0.2 0.1 240)",
+            accent: "oklch(0.9 0.1 240)",
+            accentForeground: "oklch(0.2 0.1 240)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.1 0 0)",
+            card: "oklch(0.99 0 0)",
+            cardForeground: "oklch(0.1 0 0)",
+            popover: "oklch(0.99 0 0)",
+            popoverForeground: "oklch(0.1 0 0)",
+            muted: "oklch(0.95 0.02 240)",
+            mutedForeground: "oklch(0.5 0.05 240)",
+            border: "oklch(0.9 0.05 240)",
+            input: "oklch(0.9 0.05 240)",
+            ring: "oklch(0.5 0.2 240)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.5 0.2 240)",
+            chart2: "oklch(0.6 0.15 200)",
+            chart3: "oklch(0.7 0.1 180)",
+            chart4: "oklch(0.4 0.2 280)",
+            chart5: "oklch(0.8 0.1 220)",
+        },
+    },
+    green: {
+        name: "Green",
+        colors: {
+            primary: "oklch(0.5 0.2 140)",
+            primaryForeground: "oklch(0.98 0 0)",
+            secondary: "oklch(0.95 0.05 140)",
+            secondaryForeground: "oklch(0.2 0.1 140)",
+            accent: "oklch(0.9 0.1 140)",
+            accentForeground: "oklch(0.2 0.1 140)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.1 0 0)",
+            card: "oklch(0.99 0 0)",
+            cardForeground: "oklch(0.1 0 0)",
+            popover: "oklch(0.99 0 0)",
+            popoverForeground: "oklch(0.1 0 0)",
+            muted: "oklch(0.95 0.02 140)",
+            mutedForeground: "oklch(0.5 0.05 140)",
+            border: "oklch(0.9 0.05 140)",
+            input: "oklch(0.9 0.05 140)",
+            ring: "oklch(0.5 0.2 140)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.5 0.2 140)",
+            chart2: "oklch(0.6 0.15 120)",
+            chart3: "oklch(0.7 0.1 100)",
+            chart4: "oklch(0.4 0.2 160)",
+            chart5: "oklch(0.8 0.1 130)",
+        },
+    },
+    purple: {
+        name: "Purple",
+        colors: {
+            primary: "oklch(0.5 0.2 300)",
+            primaryForeground: "oklch(0.98 0 0)",
+            secondary: "oklch(0.95 0.05 300)",
+            secondaryForeground: "oklch(0.2 0.1 300)",
+            accent: "oklch(0.9 0.1 300)",
+            accentForeground: "oklch(0.2 0.1 300)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.1 0 0)",
+            card: "oklch(0.99 0 0)",
+            cardForeground: "oklch(0.1 0 0)",
+            popover: "oklch(0.99 0 0)",
+            popoverForeground: "oklch(0.1 0 0)",
+            muted: "oklch(0.95 0.02 300)",
+            mutedForeground: "oklch(0.5 0.05 300)",
+            border: "oklch(0.9 0.05 300)",
+            input: "oklch(0.9 0.05 300)",
+            ring: "oklch(0.5 0.2 300)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.5 0.2 300)",
+            chart2: "oklch(0.6 0.15 280)",
+            chart3: "oklch(0.7 0.1 260)",
+            chart4: "oklch(0.4 0.2 320)",
+            chart5: "oklch(0.8 0.1 290)",
+        },
+    },
+    orange: {
+        name: "Orange",
+        colors: {
+            primary: "oklch(0.6 0.2 40)",
+            primaryForeground: "oklch(0.98 0 0)",
+            secondary: "oklch(0.95 0.05 40)",
+            secondaryForeground: "oklch(0.2 0.1 40)",
+            accent: "oklch(0.9 0.1 40)",
+            accentForeground: "oklch(0.2 0.1 40)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.1 0 0)",
+            card: "oklch(0.99 0 0)",
+            cardForeground: "oklch(0.1 0 0)",
+            popover: "oklch(0.99 0 0)",
+            popoverForeground: "oklch(0.1 0 0)",
+            muted: "oklch(0.95 0.02 40)",
+            mutedForeground: "oklch(0.5 0.05 40)",
+            border: "oklch(0.9 0.05 40)",
+            input: "oklch(0.9 0.05 40)",
+            ring: "oklch(0.6 0.2 40)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.6 0.2 40)",
+            chart2: "oklch(0.7 0.15 20)",
+            chart3: "oklch(0.8 0.1 0)",
+            chart4: "oklch(0.5 0.2 60)",
+            chart5: "oklch(0.9 0.1 30)",
+        },
+    },
+    custom: {
+        name: "Custom",
+        colors: {
+            primary: "oklch(0.205 0 0)",
+            primaryForeground: "oklch(0.985 0 0)",
+            secondary: "oklch(0.97 0 0)",
+            secondaryForeground: "oklch(0.205 0 0)",
+            accent: "oklch(0.97 0 0)",
+            accentForeground: "oklch(0.205 0 0)",
+            background: "oklch(1 0 0)",
+            foreground: "oklch(0.145 0 0)",
+            card: "oklch(1 0 0)",
+            cardForeground: "oklch(0.145 0 0)",
+            popover: "oklch(1 0 0)",
+            popoverForeground: "oklch(0.145 0 0)",
+            muted: "oklch(0.97 0 0)",
+            mutedForeground: "oklch(0.556 0 0)",
+            border: "oklch(0.922 0 0)",
+            input: "oklch(0.922 0 0)",
+            ring: "oklch(0.708 0 0)",
+            destructive: "oklch(0.577 0.245 27.325)",
+            chart1: "oklch(0.646 0.222 41.116)",
+            chart2: "oklch(0.6 0.118 184.704)",
+            chart3: "oklch(0.398 0.07 227.392)",
+            chart4: "oklch(0.828 0.189 84.429)",
+            chart5: "oklch(0.769 0.188 70.08)",
+        },
+    },
+};
+exports.darkThemes = {
+    default: {
+        name: "Default Dark",
+        colors: {
+            primary: "oklch(0.922 0 0)",
+            primaryForeground: "oklch(0.205 0 0)",
+            secondary: "oklch(0.269 0 0)",
+            secondaryForeground: "oklch(0.985 0 0)",
+            accent: "oklch(0.269 0 0)",
+            accentForeground: "oklch(0.985 0 0)",
+            background: "oklch(0.145 0 0)",
+            foreground: "oklch(0.985 0 0)",
+            card: "oklch(0.205 0 0)",
+            cardForeground: "oklch(0.985 0 0)",
+            popover: "oklch(0.205 0 0)",
+            popoverForeground: "oklch(0.985 0 0)",
+            muted: "oklch(0.269 0 0)",
+            mutedForeground: "oklch(0.708 0 0)",
+            border: "oklch(1 0 0 / 10%)",
+            input: "oklch(1 0 0 / 15%)",
+            ring: "oklch(0.556 0 0)",
+            destructive: "oklch(0.704 0.191 22.216)",
+            chart1: "oklch(0.488 0.243 264.376)",
+            chart2: "oklch(0.696 0.17 162.48)",
+            chart3: "oklch(0.769 0.188 70.08)",
+            chart4: "oklch(0.627 0.265 303.9)",
+            chart5: "oklch(0.645 0.246 16.439)",
+        },
+    },
+    monochrome: {
+        name: "Monochrome Dark",
+        colors: {
+            primary: "oklch(0.8 0 0)",
+            primaryForeground: "oklch(0.2 0 0)",
+            secondary: "oklch(0.3 0 0)",
+            secondaryForeground: "oklch(0.9 0 0)",
+            accent: "oklch(0.3 0 0)",
+            accentForeground: "oklch(0.9 0 0)",
+            background: "oklch(0.1 0 0)",
+            foreground: "oklch(0.9 0 0)",
+            card: "oklch(0.15 0 0)",
+            cardForeground: "oklch(0.9 0 0)",
+            popover: "oklch(0.15 0 0)",
+            popoverForeground: "oklch(0.9 0 0)",
+            muted: "oklch(0.3 0 0)",
+            mutedForeground: "oklch(0.6 0 0)",
+            border: "oklch(0.2 0 0)",
+            input: "oklch(0.2 0 0)",
+            ring: "oklch(0.5 0 0)",
+            destructive: "oklch(0.6 0 0)",
+            chart1: "oklch(0.8 0 0)",
+            chart2: "oklch(0.6 0 0)",
+            chart3: "oklch(0.4 0 0)",
+            chart4: "oklch(0.7 0 0)",
+            chart5: "oklch(0.5 0 0)",
+        },
+    },
+    blue: {
+        name: "Blue Dark",
+        colors: {
+            primary: "oklch(0.7 0.2 240)",
+            primaryForeground: "oklch(0.1 0 0)",
+            secondary: "oklch(0.3 0.1 240)",
+            secondaryForeground: "oklch(0.9 0 0)",
+            accent: "oklch(0.3 0.1 240)",
+            accentForeground: "oklch(0.9 0 0)",
+            background: "oklch(0.1 0 0)",
+            foreground: "oklch(0.9 0 0)",
+            card: "oklch(0.15 0.05 240)",
+            cardForeground: "oklch(0.9 0 0)",
+            popover: "oklch(0.15 0.05 240)",
+            popoverForeground: "oklch(0.9 0 0)",
+            muted: "oklch(0.3 0.05 240)",
+            mutedForeground: "oklch(0.6 0.05 240)",
+            border: "oklch(0.2 0.1 240)",
+            input: "oklch(0.2 0.1 240)",
+            ring: "oklch(0.7 0.2 240)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.7 0.2 240)",
+            chart2: "oklch(0.6 0.15 200)",
+            chart3: "oklch(0.5 0.1 180)",
+            chart4: "oklch(0.8 0.2 280)",
+            chart5: "oklch(0.4 0.1 220)",
+        },
+    },
+    green: {
+        name: "Green Dark",
+        colors: {
+            primary: "oklch(0.7 0.2 140)",
+            primaryForeground: "oklch(0.1 0 0)",
+            secondary: "oklch(0.3 0.1 140)",
+            secondaryForeground: "oklch(0.9 0 0)",
+            accent: "oklch(0.3 0.1 140)",
+            accentForeground: "oklch(0.9 0 0)",
+            background: "oklch(0.1 0 0)",
+            foreground: "oklch(0.9 0 0)",
+            card: "oklch(0.15 0.05 140)",
+            cardForeground: "oklch(0.9 0 0)",
+            popover: "oklch(0.15 0.05 140)",
+            popoverForeground: "oklch(0.9 0 0)",
+            muted: "oklch(0.3 0.05 140)",
+            mutedForeground: "oklch(0.6 0.05 140)",
+            border: "oklch(0.2 0.1 140)",
+            input: "oklch(0.2 0.1 140)",
+            ring: "oklch(0.7 0.2 140)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.7 0.2 140)",
+            chart2: "oklch(0.6 0.15 120)",
+            chart3: "oklch(0.5 0.1 100)",
+            chart4: "oklch(0.8 0.2 160)",
+            chart5: "oklch(0.4 0.1 130)",
+        },
+    },
+    purple: {
+        name: "Purple Dark",
+        colors: {
+            primary: "oklch(0.7 0.2 300)",
+            primaryForeground: "oklch(0.1 0 0)",
+            secondary: "oklch(0.3 0.1 300)",
+            secondaryForeground: "oklch(0.9 0 0)",
+            accent: "oklch(0.3 0.1 300)",
+            accentForeground: "oklch(0.9 0 0)",
+            background: "oklch(0.1 0 0)",
+            foreground: "oklch(0.9 0 0)",
+            card: "oklch(0.15 0.05 300)",
+            cardForeground: "oklch(0.9 0 0)",
+            popover: "oklch(0.15 0.05 300)",
+            popoverForeground: "oklch(0.9 0 0)",
+            muted: "oklch(0.3 0.05 300)",
+            mutedForeground: "oklch(0.6 0.05 300)",
+            border: "oklch(0.2 0.1 300)",
+            input: "oklch(0.2 0.1 300)",
+            ring: "oklch(0.7 0.2 300)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.7 0.2 300)",
+            chart2: "oklch(0.6 0.15 280)",
+            chart3: "oklch(0.5 0.1 260)",
+            chart4: "oklch(0.8 0.2 320)",
+            chart5: "oklch(0.4 0.1 290)",
+        },
+    },
+    orange: {
+        name: "Orange Dark",
+        colors: {
+            primary: "oklch(0.8 0.2 40)",
+            primaryForeground: "oklch(0.1 0 0)",
+            secondary: "oklch(0.3 0.1 40)",
+            secondaryForeground: "oklch(0.9 0 0)",
+            accent: "oklch(0.3 0.1 40)",
+            accentForeground: "oklch(0.9 0 0)",
+            background: "oklch(0.1 0 0)",
+            foreground: "oklch(0.9 0 0)",
+            card: "oklch(0.15 0.05 40)",
+            cardForeground: "oklch(0.9 0 0)",
+            popover: "oklch(0.15 0.05 40)",
+            popoverForeground: "oklch(0.9 0 0)",
+            muted: "oklch(0.3 0.05 40)",
+            mutedForeground: "oklch(0.6 0.05 40)",
+            border: "oklch(0.2 0.1 40)",
+            input: "oklch(0.2 0.1 40)",
+            ring: "oklch(0.8 0.2 40)",
+            destructive: "oklch(0.6 0.2 0)",
+            chart1: "oklch(0.8 0.2 40)",
+            chart2: "oklch(0.7 0.15 20)",
+            chart3: "oklch(0.6 0.1 0)",
+            chart4: "oklch(0.9 0.2 60)",
+            chart5: "oklch(0.5 0.1 30)",
+        },
+    },
+    custom: {
+        name: "Custom Dark",
+        colors: {
+            primary: "oklch(0.922 0 0)",
+            primaryForeground: "oklch(0.205 0 0)",
+            secondary: "oklch(0.269 0 0)",
+            secondaryForeground: "oklch(0.985 0 0)",
+            accent: "oklch(0.269 0 0)",
+            accentForeground: "oklch(0.985 0 0)",
+            background: "oklch(0.145 0 0)",
+            foreground: "oklch(0.985 0 0)",
+            card: "oklch(0.205 0 0)",
+            cardForeground: "oklch(0.985 0 0)",
+            popover: "oklch(0.205 0 0)",
+            popoverForeground: "oklch(0.985 0 0)",
+            muted: "oklch(0.269 0 0)",
+            mutedForeground: "oklch(0.708 0 0)",
+            border: "oklch(1 0 0 / 10%)",
+            input: "oklch(1 0 0 / 15%)",
+            ring: "oklch(0.556 0 0)",
+            destructive: "oklch(0.704 0.191 22.216)",
+            chart1: "oklch(0.488 0.243 264.376)",
+            chart2: "oklch(0.696 0.17 162.48)",
+            chart3: "oklch(0.769 0.188 70.08)",
+            chart4: "oklch(0.627 0.265 303.9)",
+            chart5: "oklch(0.645 0.246 16.439)",
+        },
+    },
+};

package/dist-cjs/lib/utils.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+const clsx_1 = require("clsx");
+const tailwind_merge_1 = require("tailwind-merge");
+function cn(...inputs) {
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}

package/dist-cjs/providers/BlocksAppProviders.cjs

@@ -0,0 +1,14 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlocksAppProviders = BlocksAppProviders;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const enhanced_theme_provider_1 = require("../components/enhanced-theme-provider");
+/**
+ * Client-safe provider wrapper for Nextworks blocks.
+ *
+ * This file intentionally contains no next/* imports.
+ */
+function BlocksAppProviders({ children, defaultThemeVariant = "monochrome", }) {
+    return ((0, jsx_runtime_1.jsx)(enhanced_theme_provider_1.EnhancedThemeProvider, { defaultThemeVariant: defaultThemeVariant, children: children }));
+}

package/dist-cjs/server/theme-vars.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInitialThemeFromCookies = getInitialThemeFromCookies;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const headers_1 = require("next/headers");
+const themes_1 = require("../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).
+ */
+async function getInitialThemeFromCookies() {
+    var _a, _b;
+    const cookieStore = await (0, headers_1.cookies)();
+    const cookieVariant = (_a = cookieStore.get("theme-variant")) === null || _a === void 0 ? void 0 : _a.value;
+    const variant = cookieVariant && cookieVariant in themes_1.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_1.themes[variant].colors;
+    const baseDark = themes_1.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: ((0, jsx_runtime_1.jsx)("style", { id: "theme-variant-vars", dangerouslySetInnerHTML: { __html: inlineThemeCss } })),
+    };
+}

package/dist-cjs/server.cjs

@@ -0,0 +1,10 @@
+"use strict";
+// Server-only exports for @nextworks/blocks-core
+// Use this entry for components that must only run on the server.
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProviders = void 0;
+var AppProviders_server_1 = require("./components/AppProviders.server.cjs");
+Object.defineProperty(exports, "AppProviders", { enumerable: true, get: function () { return __importDefault(AppProviders_server_1).default; } });

package/dist-cjs/ui/alert-dialog.cjs

@@ -0,0 +1,105 @@
+"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;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = void 0;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
+const utils_1 = require("../lib/utils");
+const AlertDialog = AlertDialogPrimitive.Root;
+exports.AlertDialog = AlertDialog;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+exports.AlertDialogPortal = AlertDialogPortal;
+const AlertDialogOverlay = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Overlay, Object.assign({ ref: ref, className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", className) }, props)));
+});
+exports.AlertDialogOverlay = AlertDialogOverlay;
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsxs)(AlertDialogPortal, { children: [(0, jsx_runtime_1.jsx)(AlertDialogOverlay, {}), (0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Content, Object.assign({ ref: ref, className: (0, utils_1.cn)("bg-background fixed top-1/2 left-1/2 z-50 grid w-full max-w-md -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg border p-6 shadow-lg", className) }, props))] }));
+});
+exports.AlertDialogContent = AlertDialogContent;
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+function AlertDialogHeader(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.cn)("flex flex-col space-y-1 text-center", className) }, props)));
+}
+function AlertDialogFooter(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, utils_1.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
+}
+const AlertDialogTitle = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Title, Object.assign({ ref: ref, className: (0, utils_1.cn)("text-lg font-semibold", className) }, props)));
+});
+exports.AlertDialogTitle = AlertDialogTitle;
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Description, Object.assign({ ref: ref, className: (0, utils_1.cn)("text-muted-foreground text-sm", className) }, props)));
+});
+exports.AlertDialogDescription = AlertDialogDescription;
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Action, Object.assign({ ref: ref, className: (0, utils_1.cn)("bg-destructive text-destructive-foreground inline-flex h-9 items-center justify-center rounded-md px-4 text-sm font-medium shadow transition-colors hover:opacity-90 focus:outline-none", className) }, props)));
+});
+exports.AlertDialogAction = AlertDialogAction;
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(AlertDialogPrimitive.Cancel, Object.assign({ ref: ref, className: (0, utils_1.cn)("bg-background hover:bg-muted inline-flex h-9 items-center justify-center rounded-md border px-4 text-sm font-medium shadow focus:outline-none", className) }, props)));
+});
+exports.AlertDialogCancel = AlertDialogCancel;
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;

package/dist-cjs/ui/brand-node.cjs

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandNodes = void 0;
+exports.BrandNodeIconBadge = BrandNodeIconBadge;
+exports.BrandNodeGradientRing = BrandNodeGradientRing;
+exports.BrandNodeGeometricMark = BrandNodeGeometricMark;
+exports.BrandNodeEmojiBadge = BrandNodeEmojiBadge;
+exports.BrandNodeDiagonalAppIcon = BrandNodeDiagonalAppIcon;
+exports.BrandNodeCubeOutline = BrandNodeCubeOutline;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../lib/utils");
+function BrandNodeIconBadge({ className, icon: Icon = lucide_react_1.Sparkles, iconClassName = "h-4 w-4", }) {
+    const base = "grid h-8 w-8 place-items-center rounded-md bg-primary/10 ring-1 ring-primary/30 text-primary";
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand icon badge", children: (0, jsx_runtime_1.jsx)(Icon, { className: iconClassName }) }));
+}
+function BrandNodeGradientRing({ className, gradient = "conic-gradient(hsl(var(--primary)), hsl(var(--accent)), hsl(var(--primary)))", innerBgClassName = "h-full w-full rounded-full bg-background", }) {
+    const base = "relative h-8 w-8";
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand gradient ring", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 rounded-full p-[2px]", style: { background: gradient }, children: (0, jsx_runtime_1.jsx)("div", { className: innerBgClassName }) }) }));
+}
+function BrandNodeGeometricMark({ className }) {
+    const base = "grid h-8 w-8 place-items-center rounded-md bg-gradient-to-br from-primary/10 to-accent/10 ring-1 ring-border";
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand geometric mark", children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 24 24", className: "fill-primary h-4 w-4", children: (0, jsx_runtime_1.jsx)("path", { d: "M12 4l8 14H4l8-14z" }) }) }));
+}
+function BrandNodeEmojiBadge({ className, emoji = "⚡", }) {
+    const base = "grid h-8 w-8 place-items-center rounded-md bg-card/60 backdrop-blur ring-1 ring-border";
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand emoji badge", children: (0, jsx_runtime_1.jsx)("span", { className: "text-base", "aria-hidden": true, children: emoji }) }));
+}
+function BrandNodeDiagonalAppIcon({ className, baseColorClass = "bg-primary", overlayColorClass = "bg-accent", }) {
+    const base = "relative h-8 w-8 overflow-hidden rounded-md ring-1 ring-black/5 dark:ring-white/10";
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand diagonal app icon", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("absolute inset-0", baseColorClass) }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("absolute inset-0 translate-y-1/3 -skew-y-12", overlayColorClass) })] }));
+}
+function BrandNodeCubeOutline({ className }) {
+    const base = "grid h-8 w-8 place-items-center rounded-md bg-foreground text-background ring-1 ring-border";
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)(base, className), "aria-label": "Brand cube outline", children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 2l8 4.5v9L12 20 4 15.5v-9L12 2z", fill: "none", stroke: "currentColor", strokeWidth: "1.6" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 20v-9M4 6l8 5 8-5", fill: "none", stroke: "currentColor", strokeWidth: "1.6" })] }) }));
+}
+/** Registry for quick swapping by name */
+exports.BrandNodes = {
+    IconBadge: BrandNodeIconBadge,
+    GradientRing: BrandNodeGradientRing,
+    GeometricMark: BrandNodeGeometricMark,
+    EmojiBadge: BrandNodeEmojiBadge,
+    DiagonalAppIcon: BrandNodeDiagonalAppIcon,
+    CubeOutline: BrandNodeCubeOutline,
+};