@algorithm-shift/design-system 1.2.44 → 1.2.46

package/dist/chunk-QZ2QO7MJ.mjs

@@ -0,0 +1,24 @@
+'use client';
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function getInitials(name) {
+  const words = name.split(" ");
+  if (words.length === 0) {
+    return "";
+  }
+  if (words.length === 1) {
+    return words[0].charAt(0);
+  }
+  return words[0].charAt(0) + words[1].charAt(0);
+}
+
+export {
+  cn,
+  getInitials
+};
+//# sourceMappingURL=chunk-QZ2QO7MJ.mjs.map

package/dist/chunk-QZ2QO7MJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\r\nimport { twMerge } from \"tailwind-merge\"\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n\r\nexport function getInitials(name: string) {\r\n  const words = name.split(' ');\r\n  if (words.length === 0) {\r\n    return '';\r\n  }\r\n  if (words.length === 1) {\r\n    return words[0].charAt(0);\r\n  }\r\n  return words[0].charAt(0) + words[1].charAt(0);\r\n}"],"mappings":";;;AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,SAAS,YAAY,MAAc;AACxC,QAAM,QAAQ,KAAK,MAAM,GAAG;AAC5B,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO;AAAA,EACT;AACA,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,MAAM,CAAC,EAAE,OAAO,CAAC;AAAA,EAC1B;AACA,SAAO,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,EAAE,OAAO,CAAC;AAC/C;","names":[]}

package/dist/client.d.mts

@@ -1,26 +1,39 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { z } from 'zod';
 import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
 
-interface FormProps<T extends z.ZodObject<any>> {
+interface FormWrapperProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
-declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface FormWrapperProps<T extends z.ZodObject<any>> {
+interface FormProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
-    children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
+    children?: React.ReactNode;
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
-declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+
+type CanvasState = Record<string, any>;
+type CanvasAction = {
+    type: 'SET_STATE';
+    key: string;
+    value: any;
+};
+declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
+
+declare function StateProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppState(): any;
 
-export { Form, FormWrapper };
+export { Form, FormWrapper, StateProvider, stateReducer, useAppState };

package/dist/client.d.ts

@@ -1,26 +1,39 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { z } from 'zod';
 import { UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
 
-interface FormProps<T extends z.ZodObject<any>> {
+interface FormWrapperProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
-declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface FormWrapperProps<T extends z.ZodObject<any>> {
+interface FormProps<T extends z.ZodObject<any>> {
     validation?: any[];
     formName?: string;
     defaultValues?: Partial<z.infer<T>> | any;
-    children?: React.ReactNode | ((form: UseFormReturn<z.infer<T>>) => React.ReactNode);
+    children?: React.ReactNode;
     onSubmit?: (data: z.infer<T>) => void;
     onReset?: () => void;
 }
-declare const FormWrapper: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Form: <T extends z.ZodObject<any>>({ validation, defaultValues, children, onSubmit, onReset, }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+
+type CanvasState = Record<string, any>;
+type CanvasAction = {
+    type: 'SET_STATE';
+    key: string;
+    value: any;
+};
+declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
+
+declare function StateProvider({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppState(): any;
 
-export { Form, FormWrapper };
+export { Form, FormWrapper, StateProvider, stateReducer, useAppState };

package/dist/client.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 "use client";
 var __create = Object.create;
@@ -32,25 +33,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var client_exports = {};
 __export(client_exports, {
   Form: () => Form_default,
-  FormWrapper: () => Wrapper_default
+  FormWrapper: () => Wrapper_default,
+  StateProvider: () => StateProvider,
+  stateReducer: () => stateReducer,
+  useAppState: () => useAppState
 });
 module.exports = __toCommonJS(client_exports);
 
-// src/components/Layout/Modal.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-
-// src/components/Layout/Flex.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// src/components/Layout/Grid.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-
-// src/components/Layout/Container.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-
-// src/components/ui/button.tsx
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority = require("class-variance-authority");
+// src/components/Form/Wrapper.tsx
+var import_react = require("react");
+var import_zod = require("@hookform/resolvers/zod");
+var import_react_hook_form = require("react-hook-form");
+var import_zod2 = require("zod");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -59,261 +53,8 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/ui/button.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-
-// src/components/Basic/Button/Button.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-
-// src/components/Basic/Image/Image.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-
-// src/components/Basic/Shape/Shape.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-
-// src/components/Basic/Typography/Typography.tsx
-var import_react = __toESM(require("react"));
-
-// src/components/Basic/Breadcrumb/Breadcrumb.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-
-// src/components/ui/dropdown-menu.tsx
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-
-// src/components/Basic/ButtonGroup/ButtonGroup.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// src/components/ui/input.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-
-// src/components/Inputs/TextInput/TextInput.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-
-// src/components/Inputs/NumberInput/NumberInput.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-
-// src/components/Inputs/EmailInput/EmailInput.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-
-// src/components/Inputs/PasswordInput/PasswordInput.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-
-// src/components/ui/textarea.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// src/components/Inputs/Textarea/Textarea.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// src/components/Inputs/UrlInput/UrlInput.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
-
-// src/components/ui/checkbox.tsx
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// src/components/ui/label.tsx
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
-
-// src/components/Inputs/Checkbox/Checkbox.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
-
-// src/components/ui/radio-group.tsx
-var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// src/components/Inputs/RadioInput/RadioInput.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
-
-// src/components/Inputs/MultiCheckbox/MultiCheckbox.tsx
-var import_react2 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-
-// src/components/Global/TinyMceEditor.tsx
-var import_react3 = require("react");
-var import_tinymce_react = require("@tinymce/tinymce-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-
-// src/components/Inputs/RichText/RichText.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-
-// src/components/ui/select.tsx
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime28 = require("react/jsx-runtime");
-
-// src/components/Inputs/Dropdown/Dropdown.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
-
-// src/components/ui/switch.tsx
-var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
-
-// src/components/Inputs/SwitchToggle/SwitchToggle.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-
-// src/components/Inputs/PhoneInput/PhoneInput.tsx
-var import_react_international_phone = require("react-international-phone");
-var import_style = require("react-international-phone/style.css");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-
-// src/components/Inputs/SearchInput/SearchInput.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-
-// src/components/Inputs/FileInput/FileInput.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-
-// src/components/Inputs/DatePicker/DatePicker.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
-
-// src/components/Inputs/DateRange/DateRange.tsx
-var React3 = __toESM(require("react"));
-var import_date_fns = require("date-fns");
-
-// src/components/ui/calendar.tsx
-var React2 = __toESM(require("react"));
-var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-
-// src/components/ui/popover.tsx
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
-
-// src/components/Inputs/DateRange/DateRange.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
-
-// src/components/Inputs/TextInputGroup/TextInputGroup.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
-
-// src/components/ui/data-table.tsx
-var import_react_table = require("@tanstack/react-table");
-
-// src/components/ui/table.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-
-// src/components/ui/data-table.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
-
-// src/components/ui/pagination.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-
-// src/components/DataDisplay/Pagination/Pagination.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-
-// src/components/DataDisplay/Table/Table.tsx
-var import_react4 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-
-// src/components/Navigation/Tabs/Tabs.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
-
-// src/components/Navigation/Stages/Stages.tsx
-var import_react5 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
-
-// src/components/Navigation/Spacer/Spacer.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
-
-// src/components/Navigation/Profile/Profile.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
-
-// src/components/Navigation/Notification/Notification.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
-
-// src/components/Navigation/Logo/Logo.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
-
-// src/components/ui/avatar.tsx
-var React5 = __toESM(require("react"));
-var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-  AvatarPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-  AvatarPrimitive.Image,
-  {
-    ref,
-    className: cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
-  AvatarPrimitive.Fallback,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-
-// src/components/Navigation/Navbar/Navbar.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
-
-// src/components/Chart/BarChart.tsx
-var import_recharts = require("recharts");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-
-// src/components/Chart/PieChart.tsx
-var import_recharts2 = require("recharts");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-
-// src/components/Blocks/EmailComposer.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
-
-// src/components/ui/sonner-toast.tsx
-var import_sonner = require("sonner");
-
-// src/components/StateManagment/StateContext.tsx
-var import_react6 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var StateContext = (0, import_react6.createContext)(null);
-
-// src/components/Form/Form.tsx
-var import_react7 = __toESM(require("react"));
-var import_zod = require("@hookform/resolvers/zod");
-var import_react_hook_form = require("react-hook-form");
-var import_zod2 = require("zod");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+// src/components/Form/Wrapper.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function generateZodSchema(data) {
   const fields = data.reduce((acc, f) => {
     const name = f.name || "unnamed";
@@ -382,23 +123,18 @@ function generateZodSchema(data) {
   }, {});
   return import_zod2.z.object(fields);
 }
-var Form = ({
+var FormWrapper = ({
   validation,
   defaultValues,
   children,
   onSubmit,
   onReset
 }) => {
-  const schema = (0, import_react7.useMemo)(() => {
+  const schema = (0, import_react.useMemo)(() => {
     if (!validation || validation.length === 0) return null;
     return generateZodSchema(validation);
   }, [validation]);
-  const {
-    handleSubmit,
-    control,
-    formState: { errors },
-    reset
-  } = (0, import_react_hook_form.useForm)({
+  const form = (0, import_react_hook_form.useForm)({
     resolver: schema ? (0, import_zod.zodResolver)(schema) : void 0,
     defaultValues
   });
@@ -406,67 +142,29 @@ var Form = ({
     if (onSubmit) onSubmit(data);
   };
   const handleReset = () => {
-    reset();
+    form.reset();
     if (onReset) onReset();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "form",
     {
-      onSubmit: handleSubmit(formSubmit),
+      onSubmit: form.handleSubmit(formSubmit),
       onReset: handleReset,
       className: cn(
         "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "min-h-[50px]", children: import_react7.default.Children.map(children, (child) => {
-        const processChild = (child2) => {
-          if (import_react7.default.isValidElement(child2)) {
-            const node = child2.props?.node;
-            if (node?.category === "Form Controls") {
-              const name = node.properties?.name || "unnamed";
-              return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-                import_react_hook_form.Controller,
-                {
-                  name,
-                  control,
-                  render: ({ field: controllerField }) => {
-                    const childElement = child2;
-                    return import_react7.default.cloneElement(childElement, {
-                      input: {
-                        ...controllerField,
-                        value: controllerField.value || "",
-                        hasFormContainer: true,
-                        validateOnMount: true,
-                        errorMessage: errors[name]?.message || null
-                      },
-                      children: void 0
-                    });
-                  }
-                }
-              ) }, node.id);
-            }
-            if (child2.props?.children) {
-              const childElement = child2;
-              return import_react7.default.cloneElement(childElement, {
-                children: import_react7.default.Children.map(childElement.props.children, processChild)
-              });
-            }
-            return import_react7.default.cloneElement(child2);
-          }
-          return child2;
-        };
-        return processChild(child);
-      }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
     }
   );
 };
-var Form_default = Form;
+var Wrapper_default = FormWrapper;
 
-// src/components/Form/Wrapper.tsx
-var import_react8 = require("react");
+// src/components/Form/Form.tsx
+var import_react2 = __toESM(require("react"));
 var import_zod3 = require("@hookform/resolvers/zod");
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod4 = require("zod");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function generateZodSchema2(data) {
   const fields = data.reduce((acc, f) => {
     const name = f.name || "unnamed";
@@ -535,18 +233,23 @@ function generateZodSchema2(data) {
   }, {});
   return import_zod4.z.object(fields);
 }
-var FormWrapper = ({
+var Form = ({
   validation,
   defaultValues,
   children,
   onSubmit,
   onReset
 }) => {
-  const schema = (0, import_react8.useMemo)(() => {
+  const schema = (0, import_react2.useMemo)(() => {
     if (!validation || validation.length === 0) return null;
     return generateZodSchema2(validation);
   }, [validation]);
-  const form = (0, import_react_hook_form2.useForm)({
+  const {
+    handleSubmit,
+    control,
+    formState: { errors },
+    reset
+  } = (0, import_react_hook_form2.useForm)({
     resolver: schema ? (0, import_zod3.zodResolver)(schema) : void 0,
     defaultValues
   });
@@ -554,25 +257,88 @@ var FormWrapper = ({
     if (onSubmit) onSubmit(data);
   };
   const handleReset = () => {
-    form.reset();
+    reset();
     if (onReset) onReset();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "form",
     {
-      onSubmit: form.handleSubmit(formSubmit),
+      onSubmit: handleSubmit(formSubmit),
       onReset: handleReset,
       className: cn(
         "space-y-4 min-h-[100px] h-auto flex justify-between flex-col"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "min-h-[50px]", children: import_react2.default.Children.map(children, (child) => {
+        const processChild = (child2) => {
+          if (import_react2.default.isValidElement(child2)) {
+            const node = child2.props?.node;
+            if (node?.category === "Form Controls") {
+              const name = node.properties?.name || "unnamed";
+              return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react_hook_form2.Controller,
+                {
+                  name,
+                  control,
+                  render: ({ field: controllerField }) => {
+                    const childElement = child2;
+                    return import_react2.default.cloneElement(childElement, {
+                      input: {
+                        ...controllerField,
+                        value: controllerField.value || "",
+                        hasFormContainer: true,
+                        validateOnMount: true,
+                        errorMessage: errors[name]?.message || null
+                      },
+                      children: void 0
+                    });
+                  }
+                }
+              ) }, node.id);
+            }
+            if (child2.props?.children) {
+              const childElement = child2;
+              return import_react2.default.cloneElement(childElement, {
+                children: import_react2.default.Children.map(childElement.props.children, processChild)
+              });
+            }
+            return import_react2.default.cloneElement(child2);
+          }
+          return child2;
+        };
+        return processChild(child);
+      }) })
     }
   );
 };
-var Wrapper_default = FormWrapper;
+var Form_default = Form;
+
+// src/components/StateManagment/stateReducer.ts
+function stateReducer(state, action) {
+  switch (action.type) {
+    case "SET_STATE":
+      return { ...state, [action.key]: action.value };
+    default:
+      return state;
+  }
+}
+
+// src/components/StateManagment/StateContext.tsx
+var import_react3 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var StateContext = (0, import_react3.createContext)(null);
+function StateProvider({ children }) {
+  const [state, dispatch] = (0, import_react3.useReducer)(stateReducer, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StateContext.Provider, { value: { state, dispatch }, children });
+}
+function useAppState() {
+  return (0, import_react3.useContext)(StateContext);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Form,
-  FormWrapper
+  FormWrapper,
+  StateProvider,
+  stateReducer,
+  useAppState
 });
 //# sourceMappingURL=client.js.map