@vadimcomanescu/nadicode-design-system 5.0.0 → 5.0.2

package/dist/catalog/definitions/blocks-crud.d.ts

@@ -12,6 +12,7 @@ export declare const blocksCrudDefinitions: {
             }, z.core.$strip>>>;
             title: z.ZodNullable<z.ZodString>;
             description: z.ZodNullable<z.ZodString>;
+            newKeyName: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;
         events: string[];
         description: string;
@@ -33,6 +34,7 @@ export declare const blocksCrudDefinitions: {
             })[];
             title: string;
             description: string;
+            newKeyName: null;
         };
     };
     CreateBlock: {
@@ -40,6 +42,9 @@ export declare const blocksCrudDefinitions: {
             title: z.ZodNullable<z.ZodString>;
             description: z.ZodNullable<z.ZodString>;
             submitLabel: z.ZodNullable<z.ZodString>;
+            username: z.ZodNullable<z.ZodString>;
+            email: z.ZodNullable<z.ZodString>;
+            bio: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;
         events: string[];
         description: string;
@@ -47,6 +52,9 @@ export declare const blocksCrudDefinitions: {
             title: string;
             description: string;
             submitLabel: string;
+            username: null;
+            email: null;
+            bio: null;
         };
     };
     CrudListBlock: {
@@ -77,6 +85,7 @@ export declare const blocksCrudDefinitions: {
                 value: z.ZodString;
                 placeholder: z.ZodNullable<z.ZodString>;
             }, z.core.$strip>>>;
+            filterValue: z.ZodNullable<z.ZodString>;
             pagination: z.ZodObject<{
                 page: z.ZodNumber;
                 totalPages: z.ZodNumber;
@@ -108,6 +117,7 @@ export declare const blocksCrudDefinitions: {
             }[];
             selectedRowId: null;
             filterControls: null;
+            filterValue: null;
             pagination: {
                 page: number;
                 totalPages: number;
@@ -280,10 +290,20 @@ export declare const blocksCrudDefinitions: {
         };
     };
     InviteUserModal: {
-        props: z.ZodObject<{}, z.core.$strip>;
+        props: z.ZodObject<{
+            email: z.ZodNullable<z.ZodString>;
+            role: z.ZodNullable<z.ZodEnum<{
+                admin: "admin";
+                member: "member";
+                guest: "guest";
+            }>>;
+        }, z.core.$strip>;
         events: string[];
         description: string;
-        example: {};
+        example: {
+            email: null;
+            role: null;
+        };
     };
     KanbanBoard: {
         props: z.ZodObject<{

package/dist/catalog/definitions/blocks-crud.js

@@ -1 +1 @@
-export { blocksCrudDefinitions } from '../../chunk-UGXI4PES.js';
+export { blocksCrudDefinitions } from '../../chunk-IW36SVOH.js';

package/dist/catalog/definitions/blocks-data.d.ts

@@ -194,6 +194,7 @@ export declare const blocksDataDefinitions: {
                 label: z.ZodString;
                 days: z.ZodNumber;
             }, z.core.$strip>>>;
+            timeRange: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;
         events: string[];
         description: string;
@@ -220,6 +221,7 @@ export declare const blocksDataDefinitions: {
                 label: string;
                 days: number;
             }[];
+            timeRange: null;
         };
     };
     ProcessFlowBlock: {

package/dist/catalog/definitions/blocks-data.js

@@ -1,2 +1,2 @@
-export { blocksDataDefinitions } from '../../chunk-ZND7AAWG.js';
+export { blocksDataDefinitions } from '../../chunk-A4QNTJUR.js';
 import '../../chunk-BJVCZI2B.js';

package/dist/catalog/definitions/blocks-marketing.d.ts

@@ -87,6 +87,9 @@ export declare const blocksMarketingDefinitions: {
             messagePlaceholder: z.ZodNullable<z.ZodString>;
             successTitle: z.ZodNullable<z.ZodString>;
             submitLabel: z.ZodNullable<z.ZodString>;
+            name: z.ZodNullable<z.ZodString>;
+            email: z.ZodNullable<z.ZodString>;
+            message: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;
         events: string[];
         description: string;
@@ -98,6 +101,9 @@ export declare const blocksMarketingDefinitions: {
             messagePlaceholder: null;
             successTitle: null;
             submitLabel: string;
+            name: null;
+            email: null;
+            message: null;
         };
     };
     FAQBlock: {
@@ -310,12 +316,14 @@ export declare const blocksMarketingDefinitions: {
         props: z.ZodObject<{
             title: z.ZodNullable<z.ZodString>;
             description: z.ZodNullable<z.ZodString>;
+            email: z.ZodNullable<z.ZodString>;
         }, z.core.$strip>;
         events: string[];
         description: string;
         example: {
             title: string;
             description: string;
+            email: null;
         };
     };
     SolutionShowcaseBlock: {

package/dist/catalog/definitions/blocks-marketing.js

@@ -1 +1 @@
-export { blocksMarketingDefinitions } from '../../chunk-FAKTXE3F.js';
+export { blocksMarketingDefinitions } from '../../chunk-YEAJLVGB.js';

package/dist/catalog/definitions/chat.d.ts

@@ -19,7 +19,6 @@ export declare const chatDefinitions: {
                 system: "system";
                 user: "user";
                 assistant: "assistant";
-                agent: "agent";
             }>;
             isStreaming: z.ZodNullable<z.ZodBoolean>;
             status: z.ZodNullable<z.ZodEnum<{

package/dist/catalog/definitions/chat.js

@@ -1 +1 @@
-export { chatDefinitions } from '../../chunk-6KRT337C.js';
+export { chatDefinitions } from '../../chunk-E4KUPYHE.js';

package/dist/catalog/definitions/index.d.ts

@@ -316,6 +316,7 @@ export declare const allDefinitions: {
                 group: import("zod").ZodNullable<import("zod").ZodString>;
             }, import("zod/v4/core").$strip>>>;
             placeholder: import("zod").ZodNullable<import("zod").ZodString>;
+            searchValue: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -326,6 +327,7 @@ export declare const allDefinitions: {
                 group: string;
             }[];
             placeholder: string;
+            searchValue: null;
         };
     };
     FormWizard: {
@@ -360,6 +362,7 @@ export declare const allDefinitions: {
                 description: import("zod").ZodString;
                 completed: import("zod").ZodBoolean;
             }, import("zod/v4/core").$strip>>>;
+            toggledStepId: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -371,6 +374,7 @@ export declare const allDefinitions: {
                 description: string;
                 completed: boolean;
             }[];
+            toggledStepId: null;
         };
     };
     OnboardingFlowBlock: {
@@ -415,6 +419,12 @@ export declare const allDefinitions: {
             reviewStepTitle: import("zod").ZodNullable<import("zod").ZodString>;
             reviewHeading: import("zod").ZodNullable<import("zod").ZodString>;
             reviewBody: import("zod").ZodNullable<import("zod").ZodString>;
+            displayName: import("zod").ZodNullable<import("zod").ZodString>;
+            organization: import("zod").ZodNullable<import("zod").ZodString>;
+            bio: import("zod").ZodNullable<import("zod").ZodString>;
+            framework: import("zod").ZodNullable<import("zod").ZodString>;
+            teamSize: import("zod").ZodNullable<import("zod").ZodString>;
+            useCase: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -459,6 +469,12 @@ export declare const allDefinitions: {
             reviewStepTitle: string;
             reviewHeading: string;
             reviewBody: string;
+            displayName: null;
+            organization: null;
+            bio: null;
+            framework: null;
+            teamSize: null;
+            useCase: null;
         };
     };
     PricingBlock: {
@@ -550,6 +566,7 @@ export declare const allDefinitions: {
                 icon: import("zod").ZodNullable<import("zod").ZodString>;
             }, import("zod/v4/core").$strip>>>;
             className: import("zod").ZodNullable<import("zod").ZodString>;
+            activeStep: import("zod").ZodNullable<import("zod").ZodNumber>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -562,6 +579,7 @@ export declare const allDefinitions: {
                 icon: string;
             }[];
             className: null;
+            activeStep: null;
         };
     };
     UsageDonutBlock: {
@@ -809,7 +827,6 @@ export declare const allDefinitions: {
                     system: "system";
                     user: "user";
                     assistant: "assistant";
-                    agent: "agent";
                 }>;
                 content: import("zod").ZodString;
                 timestamp: import("zod").ZodNullable<import("zod").ZodString>;
@@ -964,6 +981,7 @@ export declare const allDefinitions: {
             }, import("zod/v4/core").$strip>>>;
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
+            newKeyName: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -985,6 +1003,7 @@ export declare const allDefinitions: {
             })[];
             title: string;
             description: string;
+            newKeyName: null;
         };
     };
     CreateBlock: {
@@ -992,6 +1011,9 @@ export declare const allDefinitions: {
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
             submitLabel: import("zod").ZodNullable<import("zod").ZodString>;
+            username: import("zod").ZodNullable<import("zod").ZodString>;
+            email: import("zod").ZodNullable<import("zod").ZodString>;
+            bio: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -999,6 +1021,9 @@ export declare const allDefinitions: {
             title: string;
             description: string;
             submitLabel: string;
+            username: null;
+            email: null;
+            bio: null;
         };
     };
     CrudListBlock: {
@@ -1029,6 +1054,7 @@ export declare const allDefinitions: {
                 value: import("zod").ZodString;
                 placeholder: import("zod").ZodNullable<import("zod").ZodString>;
             }, import("zod/v4/core").$strip>>>;
+            filterValue: import("zod").ZodNullable<import("zod").ZodString>;
             pagination: import("zod").ZodObject<{
                 page: import("zod").ZodNumber;
                 totalPages: import("zod").ZodNumber;
@@ -1060,6 +1086,7 @@ export declare const allDefinitions: {
             }[];
             selectedRowId: null;
             filterControls: null;
+            filterValue: null;
             pagination: {
                 page: number;
                 totalPages: number;
@@ -1232,10 +1259,20 @@ export declare const allDefinitions: {
         };
     };
     InviteUserModal: {
-        props: import("zod").ZodObject<{}, import("zod/v4/core").$strip>;
+        props: import("zod").ZodObject<{
+            email: import("zod").ZodNullable<import("zod").ZodString>;
+            role: import("zod").ZodNullable<import("zod").ZodEnum<{
+                admin: "admin";
+                member: "member";
+                guest: "guest";
+            }>>;
+        }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
-        example: {};
+        example: {
+            email: null;
+            role: null;
+        };
     };
     KanbanBoard: {
         props: import("zod").ZodObject<{
@@ -1628,6 +1665,7 @@ export declare const allDefinitions: {
                 label: import("zod").ZodString;
                 days: import("zod").ZodNumber;
             }, import("zod/v4/core").$strip>>>;
+            timeRange: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -1654,6 +1692,7 @@ export declare const allDefinitions: {
                 label: string;
                 days: number;
             }[];
+            timeRange: null;
         };
     };
     ProcessFlowBlock: {
@@ -1827,6 +1866,9 @@ export declare const allDefinitions: {
             messagePlaceholder: import("zod").ZodNullable<import("zod").ZodString>;
             successTitle: import("zod").ZodNullable<import("zod").ZodString>;
             submitLabel: import("zod").ZodNullable<import("zod").ZodString>;
+            name: import("zod").ZodNullable<import("zod").ZodString>;
+            email: import("zod").ZodNullable<import("zod").ZodString>;
+            message: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -1838,6 +1880,9 @@ export declare const allDefinitions: {
             messagePlaceholder: null;
             successTitle: null;
             submitLabel: string;
+            name: null;
+            email: null;
+            message: null;
         };
     };
     FAQBlock: {
@@ -2050,12 +2095,14 @@ export declare const allDefinitions: {
         props: import("zod").ZodObject<{
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
+            email: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
         example: {
             title: string;
             description: string;
+            email: null;
         };
     };
     SolutionShowcaseBlock: {
@@ -2211,6 +2258,9 @@ export declare const allDefinitions: {
             forgotPasswordHref: import("zod").ZodNullable<import("zod").ZodString>;
             signUpHref: import("zod").ZodNullable<import("zod").ZodString>;
             signInHref: import("zod").ZodNullable<import("zod").ZodString>;
+            email: import("zod").ZodNullable<import("zod").ZodString>;
+            password: import("zod").ZodNullable<import("zod").ZodString>;
+            fullName: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -2221,6 +2271,9 @@ export declare const allDefinitions: {
             forgotPasswordHref: string;
             signUpHref: null;
             signInHref: null;
+            email: null;
+            password: null;
+            fullName: null;
         };
     };
     OTPBlock: {
@@ -2231,6 +2284,7 @@ export declare const allDefinitions: {
             buttonText: import("zod").ZodNullable<import("zod").ZodString>;
             error: import("zod").ZodNullable<import("zod").ZodString>;
             backupCodeLink: import("zod").ZodNullable<import("zod").ZodString>;
+            value: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -2241,6 +2295,7 @@ export declare const allDefinitions: {
             buttonText: string;
             error: null;
             backupCodeLink: string;
+            value: null;
         };
     };
     PasswordRecoveryBlock: {
@@ -2253,6 +2308,7 @@ export declare const allDefinitions: {
             description: import("zod").ZodNullable<import("zod").ZodString>;
             buttonText: import("zod").ZodNullable<import("zod").ZodString>;
             successTitle: import("zod").ZodNullable<import("zod").ZodString>;
+            email: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -2262,18 +2318,23 @@ export declare const allDefinitions: {
             description: string;
             buttonText: string;
             successTitle: string;
+            email: null;
         };
     };
     ResetPasswordBlock: {
         props: import("zod").ZodObject<{
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
+            password: import("zod").ZodNullable<import("zod").ZodString>;
+            confirmPassword: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
         example: {
             title: string;
             description: string;
+            password: null;
+            confirmPassword: null;
         };
     };
     TwoFactorSetupBlock: {
@@ -2283,6 +2344,7 @@ export declare const allDefinitions: {
             backupCodes: import("zod").ZodNullable<import("zod").ZodArray<import("zod").ZodString>>;
             title: import("zod").ZodNullable<import("zod").ZodString>;
             description: import("zod").ZodNullable<import("zod").ZodString>;
+            verifyCode: import("zod").ZodNullable<import("zod").ZodString>;
         }, import("zod/v4/core").$strip>;
         events: string[];
         description: string;
@@ -2292,6 +2354,7 @@ export declare const allDefinitions: {
             backupCodes: string[];
             title: string;
             description: string;
+            verifyCode: null;
         };
     };
     ChatGreeting: {
@@ -2313,7 +2376,6 @@ export declare const allDefinitions: {
                 system: "system";
                 user: "user";
                 assistant: "assistant";
-                agent: "agent";
             }>;
             isStreaming: import("zod").ZodNullable<import("zod").ZodBoolean>;
             status: import("zod").ZodNullable<import("zod").ZodEnum<{

package/dist/catalog/definitions/index.js

@@ -1,21 +1,21 @@
-export { allDefinitions } from '../../chunk-HMN4K4L6.js';
+export { allDefinitions } from '../../chunk-VQVWFCHF.js';
 import '../../chunk-LYI5YMC6.js';
 import '../../chunk-UXYLA2IV.js';
 import '../../chunk-YXRIXTXW.js';
 import '../../chunk-UQB54LIA.js';
-import '../../chunk-6KRT337C.js';
+import '../../chunk-E4KUPYHE.js';
 import '../../chunk-W4KI424V.js';
 import '../../chunk-7SOMHO2L.js';
 import '../../chunk-XI775QZZ.js';
 import '../../chunk-P7JS4B7U.js';
 import '../../chunk-QCL76CM6.js';
 import '../../chunk-5XDYCBR6.js';
-import '../../chunk-XYYZRQES.js';
-import '../../chunk-VUNXVYOH.js';
-import '../../chunk-UOUERAB4.js';
-import '../../chunk-UGXI4PES.js';
-import '../../chunk-ZND7AAWG.js';
+import '../../chunk-ZU7MDRCI.js';
+import '../../chunk-ZL6BPQNN.js';
+import '../../chunk-3LROWCZE.js';
+import '../../chunk-IW36SVOH.js';
+import '../../chunk-A4QNTJUR.js';
 import '../../chunk-BJVCZI2B.js';
-import '../../chunk-FAKTXE3F.js';
+import '../../chunk-YEAJLVGB.js';
 import '../../chunk-WAIZR4CR.js';
 import '../../chunk-XLIFWBE7.js';

package/dist/catalog/primitives/chat.js

@@ -1,5 +1,5 @@
 'use client';
-export { chatComponents } from '../../chunk-56TNQ2P4.js';
+export { chatComponents } from '../../chunk-YMAEXGD2.js';
 import '../../chunk-2NMP3J5R.js';
 import '../../chunk-KXZP6XI2.js';
 import '../../chunk-VJ5VD4UT.js';
@@ -7,7 +7,7 @@ import '../../chunk-4EOX2S37.js';
 import '../../chunk-L2IRYY6K.js';
 import '../../chunk-MDAYDDTC.js';
 import '../../chunk-MB75U2OV.js';
-import '../../chunk-4ACR6NGQ.js';
+import '../../chunk-UAN2YEI5.js';
 import '../../chunk-SEJXMNMK.js';
 import '../../chunk-VJIL7W55.js';
 import '../../chunk-NAAU5IWU.js';

package/dist/catalog/primitives/index.js

@@ -1,4 +1,4 @@
-export { primitiveComponents } from '../../chunk-MT76BPYV.js';
+export { primitiveComponents } from '../../chunk-PQOL3E2V.js';
 import '../../chunk-YGDO5KDY.js';
 import '../../chunk-EJQ73FJ5.js';
 import '../../chunk-4GLBFZVI.js';
@@ -10,7 +10,7 @@ import '../../chunk-5B3GLRX3.js';
 import '../../chunk-GXUQFXT7.js';
 import '../../chunk-65CUE2WL.js';
 import '../../chunk-L55GVKLY.js';
-import '../../chunk-56TNQ2P4.js';
+import '../../chunk-YMAEXGD2.js';
 import '../../chunk-2NMP3J5R.js';
 import '../../chunk-ANBJ2OLC.js';
 import '../../chunk-LV4LBWCS.js';
@@ -117,7 +117,7 @@ import '../../chunk-MDAYDDTC.js';
 import '../../chunk-TV6CJ5NI.js';
 import '../../chunk-756Q7AC5.js';
 import '../../chunk-MB75U2OV.js';
-import '../../chunk-4ACR6NGQ.js';
+import '../../chunk-UAN2YEI5.js';
 import '../../chunk-SEJXMNMK.js';
 import '../../chunk-VJIL7W55.js';
 import '../../chunk-JDLCIPSC.js';

package/dist/{chunk-C7LO3JEF.js → chunk-33UWVOQ6.js}

@@ -3,21 +3,54 @@ import { Textarea } from './chunk-4OBE2FS2.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
 import { Heading } from './chunk-UXX6HHPS.js';
 import { Field, FieldLabel } from './chunk-RX5EUODB.js';
-import { FormWizard } from './chunk-WHYKEOUV.js';
+import { FormWizard } from './chunk-U5QLJHYN.js';
 import { Input } from './chunk-AP3XXYAY.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { useMotionConfig, m, motionSpring } from './chunk-PD2YEH3H.js';
 import { RocketIcon } from './chunk-QPXTBZWN.js';
 import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { useState } from 'react';
+import { useBoundProp } from '@json-render/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function OnboardingFlowBlock({
   props,
-  emit
+  bindings,
+  emit,
+  on
 }) {
   const motionConfig = useMotionConfig();
   const [completed, setCompleted] = useState(false);
+  const [boundDisplayName, setBoundDisplayName] = useBoundProp(props.displayName, bindings?.displayName);
+  const [localDisplayName, setLocalDisplayName] = useState("");
+  const isDisplayNameBound = !!bindings?.displayName;
+  const displayNameValue = isDisplayNameBound ? boundDisplayName ?? "" : localDisplayName;
+  const setDisplayNameValue = isDisplayNameBound ? setBoundDisplayName : setLocalDisplayName;
+  const [boundOrganization, setBoundOrganization] = useBoundProp(props.organization, bindings?.organization);
+  const [localOrganization, setLocalOrganization] = useState("");
+  const isOrganizationBound = !!bindings?.organization;
+  const organizationValue = isOrganizationBound ? boundOrganization ?? "" : localOrganization;
+  const setOrganizationValue = isOrganizationBound ? setBoundOrganization : setLocalOrganization;
+  const [boundBio, setBoundBio] = useBoundProp(props.bio, bindings?.bio);
+  const [localBio, setLocalBio] = useState("");
+  const isBioBound = !!bindings?.bio;
+  const bioValue = isBioBound ? boundBio ?? "" : localBio;
+  const setBioValue = isBioBound ? setBoundBio : setLocalBio;
+  const [boundFramework, setBoundFramework] = useBoundProp(props.framework, bindings?.framework);
+  const [localFramework, setLocalFramework] = useState("");
+  const isFrameworkBound = !!bindings?.framework;
+  const frameworkValue = isFrameworkBound ? boundFramework ?? "" : localFramework;
+  const setFrameworkValue = isFrameworkBound ? setBoundFramework : setLocalFramework;
+  const [boundTeamSize, setBoundTeamSize] = useBoundProp(props.teamSize, bindings?.teamSize);
+  const [localTeamSize, setLocalTeamSize] = useState("");
+  const isTeamSizeBound = !!bindings?.teamSize;
+  const teamSizeValue = isTeamSizeBound ? boundTeamSize ?? "" : localTeamSize;
+  const setTeamSizeValue = isTeamSizeBound ? setBoundTeamSize : setLocalTeamSize;
+  const [boundUseCase, setBoundUseCase] = useBoundProp(props.useCase, bindings?.useCase);
+  const [localUseCase, setLocalUseCase] = useState("");
+  const isUseCaseBound = !!bindings?.useCase;
+  const useCaseValue = isUseCaseBound ? boundUseCase ?? "" : localUseCase;
+  const setUseCaseValue = isUseCaseBound ? setBoundUseCase : setLocalUseCase;
   const heading = props.heading ?? "Welcome to Nadicode";
   const subheading = props.subheading ?? "Let\u2019s get your workspace set up in a few steps.";
   const completionHeading = props.completionHeading ?? "You\u2019re all set!";
@@ -113,11 +146,10 @@ function OnboardingFlowBlock({
           FormWizard,
           {
             props: { variant: "card", activeStep: null, nextLabel: null, backLabel: null, completeLabel: null, size: null, className: null },
-            emit: () => {
+            emit: (event) => {
+              if (event === "complete") handleComplete();
             },
-            on: () => ({ emit: () => {
-            }, shouldPreventDefault: false, bound: false }),
-            onComplete: handleComplete,
+            on,
             steps: [
               {
                 id: "welcome",
@@ -136,15 +168,15 @@ function OnboardingFlowBlock({
                 content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: displayNameLabel }),
-                    /* @__PURE__ */ jsx(Input, { placeholder: displayNamePlaceholder })
+                    /* @__PURE__ */ jsx(Input, { placeholder: displayNamePlaceholder, value: displayNameValue, onChange: (e) => setDisplayNameValue(e.target.value) })
                   ] }),
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: organizationLabel }),
-                    /* @__PURE__ */ jsx(Input, { placeholder: organizationPlaceholder })
+                    /* @__PURE__ */ jsx(Input, { placeholder: organizationPlaceholder, value: organizationValue, onChange: (e) => setOrganizationValue(e.target.value) })
                   ] }),
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: bioLabel }),
-                    /* @__PURE__ */ jsx(Textarea, { placeholder: bioPlaceholder, rows: 3 })
+                    /* @__PURE__ */ jsx(Textarea, { placeholder: bioPlaceholder, rows: 3, value: bioValue, onChange: (e) => setBioValue(e.target.value) })
                   ] })
                 ] })
               },
@@ -155,21 +187,21 @@ function OnboardingFlowBlock({
                 content: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: frameworkLabel }),
-                    /* @__PURE__ */ jsxs(Select, { children: [
+                    /* @__PURE__ */ jsxs(Select, { value: frameworkValue || void 0, onValueChange: setFrameworkValue, children: [
                       /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: frameworkPlaceholder }) }),
                       /* @__PURE__ */ jsx(SelectContent, { children: frameworkOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: teamSizeLabel }),
-                    /* @__PURE__ */ jsxs(Select, { children: [
+                    /* @__PURE__ */ jsxs(Select, { value: teamSizeValue || void 0, onValueChange: setTeamSizeValue, children: [
                       /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: teamSizePlaceholder }) }),
                       /* @__PURE__ */ jsx(SelectContent, { children: teamSizeOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs(Field, { children: [
                     /* @__PURE__ */ jsx(FieldLabel, { children: useCaseLabel }),
-                    /* @__PURE__ */ jsxs(Select, { children: [
+                    /* @__PURE__ */ jsxs(Select, { value: useCaseValue || void 0, onValueChange: setUseCaseValue, children: [
                       /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: useCasePlaceholder }) }),
                       /* @__PURE__ */ jsx(SelectContent, { children: useCaseOptions.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
                     ] })

package/dist/{chunk-IHGZJS7N.js → chunk-3FJG5MAT.js}

@@ -2,6 +2,7 @@ import { AreaChart } from './chunk-ZTNHUABC.js';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WH62BE24.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-7UY24UWL.js';
 import * as React from 'react';
+import { useBoundProp } from '@json-render/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var defaultTimeRanges = [
@@ -238,13 +239,18 @@ var defaultConfig = {
     color: "rgb(var(--chart-2))"
   }
 };
-function InteractiveAreaChartBlock({ props, emit }) {
+function InteractiveAreaChartBlock({ props, bindings, emit }) {
   const data = props.data ?? defaultData;
   const config = props.config ?? defaultConfig;
   const title = props.title ?? "Traffic Analysis";
   const description = props.description ?? "Showing total visitors for the last 3 months";
   const timeRanges = props.timeRanges ?? defaultTimeRanges;
-  const [timeRange, setTimeRange] = React.useState(timeRanges[0]?.value ?? "90d");
+  const defaultTimeRangeValue = timeRanges[0]?.value ?? "90d";
+  const [boundTimeRange, setBoundTimeRange] = useBoundProp(props.timeRange, bindings?.timeRange);
+  const [localTimeRange, setLocalTimeRange] = React.useState(defaultTimeRangeValue);
+  const isTimeRangeBound = !!bindings?.timeRange;
+  const timeRange = isTimeRangeBound ? boundTimeRange ?? defaultTimeRangeValue : localTimeRange;
+  const setTimeRange = isTimeRangeBound ? setBoundTimeRange : setLocalTimeRange;
   const filteredData = React.useMemo(() => data.filter((item) => {
     const date = new Date(item.date);
     const now = /* @__PURE__ */ new Date();