@algorithm-shift/design-system 1.2.42 → 1.2.44

package/dist/client.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { z } from 'zod';
+import { UseFormReturn } from 'react-hook-form';
+
+interface FormProps<T extends z.ZodObject<any>> {
+    validation?: any[];
+    formName?: string;
+    defaultValues?: Partial<z.infer<T>> | any;
+    children?: 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;
+
+interface FormWrapperProps<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);
+    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;
+
+export { Form, FormWrapper };

package/dist/client.js

@@ -0,0 +1,578 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client.ts
+var client_exports = {};
+__export(client_exports, {
+  Form: () => Form_default,
+  FormWrapper: () => Wrapper_default
+});
+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/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+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");
+function generateZodSchema(data) {
+  const fields = data.reduce((acc, f) => {
+    const name = f.name || "unnamed";
+    const message = f.message || `${name} is invalid`;
+    const passwordLen = f.passwordLength;
+    let fieldSchema = import_zod2.z.string({ message });
+    switch (f.type) {
+      case "Text":
+      case "Search":
+        fieldSchema = import_zod2.z.string({ message });
+        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
+        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
+        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
+        if (f?.email) fieldSchema = fieldSchema.email();
+        if (f?.url) fieldSchema = fieldSchema.url();
+        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
+        break;
+      case "Email":
+        fieldSchema = import_zod2.z.email({ message });
+        break;
+      case "Password":
+        fieldSchema = import_zod2.z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
+        break;
+      case "Phone":
+        fieldSchema = import_zod2.z.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
+          return val.length === 10;
+        }, {
+          message: "Phone number must be 10 digits long"
+        });
+        break;
+      case "DatePicker":
+        fieldSchema = import_zod2.z.iso.date({ message });
+        break;
+      case "FileInput":
+        fieldSchema = import_zod2.z.instanceof(File, { message: "Please select a file" });
+        if (f?.maxSize) {
+          fieldSchema = fieldSchema.refine(
+            (file) => file.size <= f.maxSize,
+            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
+          );
+        }
+        if (f?.acceptedTypes) {
+          fieldSchema = fieldSchema.refine(
+            (file) => f.acceptedTypes.includes(file.type),
+            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
+          );
+        }
+        break;
+      case "Checkbox":
+        fieldSchema = import_zod2.z.boolean({ message });
+        break;
+      case "Dropdown":
+        fieldSchema = import_zod2.z.string({ message });
+        break;
+      case "NumberInput":
+        fieldSchema = import_zod2.z.number({ message });
+        if (f?.min !== void 0) fieldSchema = fieldSchema.min(f.min);
+        if (f?.max !== void 0) fieldSchema = fieldSchema.max(f.max);
+        break;
+      default:
+        fieldSchema = import_zod2.z.any();
+    }
+    if (!f.isRequired) fieldSchema = fieldSchema.optional();
+    acc[name] = fieldSchema;
+    return acc;
+  }, {});
+  return import_zod2.z.object(fields);
+}
+var Form = ({
+  validation,
+  defaultValues,
+  children,
+  onSubmit,
+  onReset
+}) => {
+  const schema = (0, import_react7.useMemo)(() => {
+    if (!validation || validation.length === 0) return null;
+    return generateZodSchema(validation);
+  }, [validation]);
+  const {
+    handleSubmit,
+    control,
+    formState: { errors },
+    reset
+  } = (0, import_react_hook_form.useForm)({
+    resolver: schema ? (0, import_zod.zodResolver)(schema) : void 0,
+    defaultValues
+  });
+  const formSubmit = (data) => {
+    if (onSubmit) onSubmit(data);
+  };
+  const handleReset = () => {
+    reset();
+    if (onReset) onReset();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "form",
+    {
+      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_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);
+      }) })
+    }
+  );
+};
+var Form_default = Form;
+
+// src/components/Form/Wrapper.tsx
+var import_react8 = 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");
+function generateZodSchema2(data) {
+  const fields = data.reduce((acc, f) => {
+    const name = f.name || "unnamed";
+    const message = f.message || `${name} is invalid`;
+    const passwordLen = f.passwordLength;
+    let fieldSchema = import_zod4.z.string({ message });
+    switch (f.type) {
+      case "Text":
+      case "Search":
+        fieldSchema = import_zod4.z.string({ message });
+        if (f?.min && f?.min !== "") fieldSchema = fieldSchema.min(f.min);
+        else if (f.isRequired) fieldSchema = fieldSchema.min(1, { message: `${message}. Cannot be empty` });
+        if (f?.max && f?.max !== "") fieldSchema = fieldSchema.max(f.max);
+        if (f?.email) fieldSchema = fieldSchema.email();
+        if (f?.url) fieldSchema = fieldSchema.url();
+        if (f?.regex) fieldSchema = fieldSchema.regex(new RegExp(f.regex));
+        break;
+      case "Email":
+        fieldSchema = import_zod4.z.email({ message });
+        break;
+      case "Password":
+        fieldSchema = import_zod4.z.string({ message }).min(passwordLen, { message: `Password must be at least ${passwordLen} characters long` });
+        break;
+      case "Phone":
+        fieldSchema = import_zod4.z.string().transform((val) => val.replace(/\D/g, "")).transform((val) => val.slice(-10)).refine((val) => {
+          return val.length === 10;
+        }, {
+          message: "Phone number must be 10 digits long"
+        });
+        break;
+      case "DatePicker":
+        fieldSchema = import_zod4.z.iso.date({ message });
+        break;
+      case "FileInput":
+        fieldSchema = import_zod4.z.instanceof(File, { message: "Please select a file" });
+        if (f?.maxSize) {
+          fieldSchema = fieldSchema.refine(
+            (file) => file.size <= f.maxSize,
+            { message: `File size must be less than ${f.maxSize / 1024 / 1024}MB` }
+          );
+        }
+        if (f?.acceptedTypes) {
+          fieldSchema = fieldSchema.refine(
+            (file) => f.acceptedTypes.includes(file.type),
+            { message: `File type must be one of: ${f.acceptedTypes.join(", ")}` }
+          );
+        }
+        break;
+      case "Checkbox":
+        fieldSchema = import_zod4.z.boolean({ message });
+        break;
+      case "Dropdown":
+        fieldSchema = import_zod4.z.string({ message });
+        break;
+      case "NumberInput":
+        fieldSchema = import_zod4.z.number({ message });
+        if (f?.min !== void 0) fieldSchema = fieldSchema.min(f.min);
+        if (f?.max !== void 0) fieldSchema = fieldSchema.max(f.max);
+        break;
+      default:
+        fieldSchema = import_zod4.z.any();
+    }
+    if (!f.isRequired) fieldSchema = fieldSchema.optional();
+    acc[name] = fieldSchema;
+    return acc;
+  }, {});
+  return import_zod4.z.object(fields);
+}
+var FormWrapper = ({
+  validation,
+  defaultValues,
+  children,
+  onSubmit,
+  onReset
+}) => {
+  const schema = (0, import_react8.useMemo)(() => {
+    if (!validation || validation.length === 0) return null;
+    return generateZodSchema2(validation);
+  }, [validation]);
+  const form = (0, import_react_hook_form2.useForm)({
+    resolver: schema ? (0, import_zod3.zodResolver)(schema) : void 0,
+    defaultValues
+  });
+  const formSubmit = (data) => {
+    if (onSubmit) onSubmit(data);
+  };
+  const handleReset = () => {
+    form.reset();
+    if (onReset) onReset();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    "form",
+    {
+      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_runtime58.jsx)("div", { className: "min-h-[50px]", children: typeof children === "function" ? children(form) : children })
+    }
+  );
+};
+var Wrapper_default = FormWrapper;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form,
+  FormWrapper
+});
+//# sourceMappingURL=client.js.map