@nextworks/blocks-core 0.2.0-alpha.10 → 0.2.0-alpha.12

package/dist/ui/theme-selector.js

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
@@ -11,13 +13,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import React from "react";
 import { Check, Palette, Wrench } from "lucide-react";
 import { useTheme } from "next-themes";
 import { useThemeVariant } from "../components/enhanced-theme-provider";
 import { themes, darkThemes, } from "../lib/themes";
-import { Button } from "../ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu";
+import { Button } from "./button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
 export function ThemeSelector(_a) {
     var _b, _c, _d;
     var { ariaLabel = "Demo: Color theme", label = "Theme", className } = _a, buttonProps = __rest(_a, ["ariaLabel", "label", "className"]);

package/dist/ui/theme-toggle.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { Button } from "../ui/button";
+import React from "react";
+import { Button } from "./button";
 type ButtonProps = React.ComponentProps<typeof Button>;
 export type ThemeToggleProps = {
     /** Forwarded to internal Button. You can set unstyled, className, variant, size, etc. */

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

@@ -1 +1 @@
-{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../src/ui/theme-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAA0B,EAC1B,aAAa,EACb,YAAY,GACb,EAAE,gBAAgB,2CA+ClB"}
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../src/ui/theme-toggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,yFAAyF;IACzF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACnC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAA0B,EAC1B,aAAa,EACb,YAAY,GACb,EAAE,gBAAgB,2CA+ClB"}

package/dist/ui/theme-toggle.js

@@ -1,9 +1,11 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Moon, Sun } from "lucide-react";
 import { useTheme } from "next-themes";
 import { cn } from "../lib/utils";
-import { Button } from "../ui/button";
+import { Button } from "./button";
 export function ThemeToggle({ buttonProps, ariaLabel = "Toggle theme", moonClassName, sunClassName, }) {
     const { theme, setTheme } = useTheme();
     const mergedButtonProps = Object.assign(Object.assign({ variant: "outline", size: "icon" }, buttonProps), { className: cn("relative", 

package/dist/ui/toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/ui/toaster.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,4CAEjC"}
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/ui/toaster.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,4CAEjC"}

package/dist/ui/toaster.js

@@ -1,3 +1,5 @@
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Toaster } from "sonner";

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

@@ -1,58 +1,30 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 react_1 = __importDefault(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);
+const ThemeContext = react_1.default.createContext(undefined);
 function useThemeVariant() {
-    const context = React.useContext(ThemeContext);
+    const context = react_1.default.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) => {
+    const [themeVariant, setThemeVariant] = react_1.default.useState(defaultThemeVariant);
+    const [customTheme, setCustomThemeState] = react_1.default.useState(defaultCustomTokens);
+    const writeCustomCookies = react_1.default.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`;
@@ -61,7 +33,7 @@ function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "
             document.cookie = `theme-custom=; Path=/; Max-Age=0; SameSite=Lax`;
         }
     }, []);
-    const setCustomTheme = React.useCallback((tokens) => {
+    const setCustomTheme = react_1.default.useCallback((tokens) => {
         setCustomThemeState(tokens);
         try {
             if (tokens) {
@@ -71,14 +43,16 @@ function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "
                 localStorage.removeItem(CUSTOM_STORAGE_KEY);
             }
         }
-        catch (_a) { }
+        catch (_a) {
+            // ignore
+        }
         writeCustomCookies(tokens !== null && tokens !== void 0 ? tokens : null);
     }, [writeCustomCookies]);
-    const setCustomBrandColors = React.useCallback((tokens) => {
+    const setCustomBrandColors = react_1.default.useCallback((tokens) => {
         setThemeVariant("custom");
         setCustomTheme(tokens);
     }, [setCustomTheme]);
-    const applyTheme = React.useCallback((variant, isDark = false) => {
+    const applyTheme = react_1.default.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;
@@ -92,12 +66,12 @@ function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "
         });
     }, [customTheme]);
     // Apply theme when variant or custom tokens change
-    React.useEffect(() => {
+    react_1.default.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(() => {
+    react_1.default.useEffect(() => {
         try {
             const raw = localStorage.getItem(CUSTOM_STORAGE_KEY);
             if (raw) {
@@ -105,10 +79,12 @@ function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "
                 setCustomThemeState(parsed);
             }
         }
-        catch (_a) { }
+        catch (_a) {
+            // ignore
+        }
     }, []);
     // Listen for theme changes from next-themes
-    React.useEffect(() => {
+    react_1.default.useEffect(() => {
         const observer = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 if (mutation.type === "attributes" &&
@@ -124,7 +100,7 @@ function EnhancedThemeProvider({ children, attribute = "class", defaultTheme = "
         });
         return () => observer.disconnect();
     }, [themeVariant, applyTheme]);
-    const contextValue = React.useMemo(() => ({
+    const contextValue = react_1.default.useMemo(() => ({
         themeVariant,
         setThemeVariant,
         customTheme,

package/dist-cjs/lib/themes.cjs

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.darkThemes = exports.themes = void 0;
 exports.themes = {

package/dist-cjs/lib/utils.cjs

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cn = cn;
 const clsx_1 = require("clsx");

package/dist-cjs/providers/BlocksAppProviders.cjs

@@ -1,13 +1,16 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "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.
+ * Client-safe provider wrapper for Nextworks blocks (kit-local).
  *
- * This file intentionally contains no next/* imports.
+ * This intentionally avoids importing providers/hooks from @nextworks/blocks-core
+ * to prevent duplicate React context instances in Turbopack dev.
  */
 function BlocksAppProviders({ children, defaultThemeVariant = "monochrome", }) {
     return ((0, jsx_runtime_1.jsx)(enhanced_theme_provider_1.EnhancedThemeProvider, { defaultThemeVariant: defaultThemeVariant, children: children }));

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

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -44,12 +46,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 react_1 = __importDefault(require("react"));
 const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
 const utils_1 = require("../lib/utils");
 const AlertDialog = AlertDialogPrimitive.Root;
@@ -58,13 +63,13 @@ const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 const AlertDialogPortal = AlertDialogPrimitive.Portal;
 exports.AlertDialogPortal = AlertDialogPortal;
-const AlertDialogOverlay = React.forwardRef((_a, ref) => {
+const AlertDialogOverlay = react_1.default.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) => {
+const AlertDialogContent = react_1.default.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))] }));
 });
@@ -78,26 +83,26 @@ 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) => {
+const AlertDialogTitle = react_1.default.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) => {
+const AlertDialogDescription = react_1.default.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) => {
+const AlertDialogAction = react_1.default.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) => {
+const AlertDialogCancel = react_1.default.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)));
 });

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

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BrandNodes = void 0;
@@ -23,7 +25,7 @@ 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 = "⚡", }) {
+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 }) }));
 }

package/dist-cjs/ui/button.cjs

@@ -1,37 +1,4 @@
 "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 __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)
@@ -43,10 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonVariants = exports.Button = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+const react_1 = __importDefault(require("react"));
 const react_slot_1 = require("@radix-ui/react-slot");
 const class_variance_authority_1 = require("class-variance-authority");
 const utils_1 = require("../lib/utils");
@@ -73,7 +45,7 @@ const buttonVariants = (0, class_variance_authority_1.cva)("focus-visible:border
     },
 });
 exports.buttonVariants = buttonVariants;
-const Button = React.forwardRef((_a, ref) => {
+const Button = react_1.default.forwardRef((_a, ref) => {
     var _b;
     var { className, variant, size, asChild = false, unstyled = false, forceInlineVars = false } = _a, props = __rest(_a, ["className", "variant", "size", "asChild", "unstyled", "forceInlineVars"]);
     const Comp = asChild ? react_slot_1.Slot : "button";
@@ -94,7 +66,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-cjs/ui/checkbox.cjs

@@ -1,37 +1,4 @@
 "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 __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)
@@ -43,12 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+const react_1 = __importDefault(require("react"));
 const utils_1 = require("../lib/utils");
-const Checkbox = React.forwardRef((_a, ref) => {
+const Checkbox = react_1.default.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     // Use the native accent-color where supported for consistent checkbox fill
     const style = { accentColor: "var(--primary)" }; // fallback; modern browsers will use this accent color

package/dist-cjs/ui/cta-button.cjs

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -7,7 +9,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CTAButton = CTAButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const link_1 = __importDefault(require("next/link"));
-const button_1 = require("../ui/button");
+const button_1 = require("./button.cjs");
 const utils_1 = require("../lib/utils");
 function CTAButton({ id, className, onClick, ctaButtonLabel = "Get Started", ctaButtonHref = "#contact", ctaButtonTextColor, ctaButtonBgColor, ctaButtonBorderColor, ctaButtonDarkMode, ctaButtonHoverStyle, button = {
     variant: "default",

package/dist-cjs/ui/dropdown-menu.cjs

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -44,10 +46,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
 const lucide_react_1 = require("lucide-react");
 const utils_1 = require("../lib/utils");
@@ -63,52 +68,52 @@ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 exports.DropdownMenuSub = DropdownMenuSub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef((_a, ref) => {
+const DropdownMenuSubTrigger = react_1.default.forwardRef((_a, ref) => {
     var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
     return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.SubTrigger, Object.assign({ ref: ref, className: (0, utils_1.cn)("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", inset && "pl-8", className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "ml-auto h-4 w-4" })] })));
 });
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 DropdownMenuSubTrigger.displayName =
     DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef((_a, ref) => {
+const DropdownMenuSubContent = react_1.default.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.SubContent, Object.assign({ ref: ref, className: (0, utils_1.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className) }, props)));
 });
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 DropdownMenuSubContent.displayName =
     DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef((_a, ref) => {
+const DropdownMenuContent = react_1.default.forwardRef((_a, ref) => {
     var { className, sideOffset = 4 } = _a, props = __rest(_a, ["className", "sideOffset"]);
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, Object.assign({ ref: ref, sideOffset: sideOffset, className: (0, utils_1.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className) }, props)) }));
 });
 exports.DropdownMenuContent = DropdownMenuContent;
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef((_a, ref) => {
+const DropdownMenuItem = react_1.default.forwardRef((_a, ref) => {
     var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Item, Object.assign({ ref: ref, className: (0, utils_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className) }, props)));
 });
 exports.DropdownMenuItem = DropdownMenuItem;
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef((_a, ref) => {
+const DropdownMenuCheckboxItem = react_1.default.forwardRef((_a, ref) => {
     var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);
     return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, Object.assign({ ref: ref, className: (0, utils_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked }, props, { children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) }) }), children] })));
 });
 exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
 DropdownMenuCheckboxItem.displayName =
     DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef((_a, ref) => {
+const DropdownMenuRadioItem = react_1.default.forwardRef((_a, ref) => {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
     return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.RadioItem, Object.assign({ ref: ref, className: (0, utils_1.cn)("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
 });
 exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React.forwardRef((_a, ref) => {
+const DropdownMenuLabel = react_1.default.forwardRef((_a, ref) => {
     var { className, inset } = _a, props = __rest(_a, ["className", "inset"]);
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Label, Object.assign({ ref: ref, className: (0, utils_1.cn)("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className) }, props)));
 });
 exports.DropdownMenuLabel = DropdownMenuLabel;
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React.forwardRef((_a, ref) => {
+const DropdownMenuSeparator = react_1.default.forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Separator, Object.assign({ ref: ref, className: (0, utils_1.cn)("bg-muted -mx-1 my-1 h-px", className) }, props)));
 });

package/dist-cjs/ui/feature-card.cjs

@@ -1,4 +1,6 @@
 "use strict";
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
 "use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -7,7 +9,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureCard = FeatureCard;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const image_1 = __importDefault(require("next/image"));
-const card_1 = require("../ui/card");
+const card_1 = require("./card.cjs");
 const utils_1 = require("../lib/utils");
 function FeatureCard({ id, className, cardImageSrc, cardImageAlt, cardHeadingText, cardSubheadingText, card = {
     className: "h-full transition-all duration-200 hover:shadow-lg bg-card text-card-foreground border rounded-md border-border",

package/dist-cjs/ui/input.cjs

@@ -1,37 +1,4 @@
 "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 __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)
@@ -43,12 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
+// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
+// Do not edit this file directly. Edit the kit source instead.
+const react_1 = __importDefault(require("react"));
 const utils_1 = require("../lib/utils");
-const Input = React.forwardRef((_a, ref) => {
+const Input = react_1.default.forwardRef((_a, ref) => {
     var { className, type } = _a, props = __rest(_a, ["className", "type"]);
     return ((0, jsx_runtime_1.jsx)("input", Object.assign({ type: type, className: (0, utils_1.cn)(
         // Base structural + token fallbacks