@algorithm-shift/design-system 1.2.43 → 1.2.45

package/dist/index.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -28,8 +29,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
+var src_exports = {};
+__export(src_exports, {
   BarChart: () => BarChart_default,
   Breadcrumb: () => Breadcrumb_default,
   Button: () => Button_default,
@@ -43,8 +44,6 @@ __export(index_exports, {
   EmailComposer: () => EmailComposer,
   FileInput: () => FileInput_default,
   FlexLayout: () => Flex_default,
-  Form: () => Form_default,
-  FormWrapper: () => Wrapper_default,
   GridLayout: () => Grid_default,
   Image: () => Image_default,
   Modal: () => Modal_default,
@@ -61,7 +60,6 @@ __export(index_exports, {
   Shape: () => Shape_default,
   Spacer: () => Spacer_default,
   Stages: () => Stages_default,
-  StateProvider: () => StateProvider,
   SwitchToggle: () => SwitchToggle_default,
   Table: () => Table_default,
   Tabs: () => Tabs_default,
@@ -72,11 +70,9 @@ __export(index_exports, {
   URL: () => UrlInput_default,
   cn: () => cn,
   getInitials: () => getInitials,
-  showSonnerToast: () => showSonnerToast,
-  stateReducer: () => stateReducer,
-  useAppState: () => useAppState
+  showSonnerToast: () => showSonnerToast
 });
-module.exports = __toCommonJS(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/components/Layout/Modal.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -2844,293 +2840,6 @@ function showSonnerToast({
       (0, import_sonner.toast)(title, options);
   }
 }
-
-// src/components/StateManagment/StateContext.tsx
-var import_react8 = require("react");
-
-// 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_jsx_runtime56 = require("react/jsx-runtime");
-var StateContext = (0, import_react8.createContext)(null);
-function StateProvider({ children }) {
-  const [state, dispatch] = (0, import_react8.useReducer)(stateReducer, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(StateContext.Provider, { value: { state, dispatch }, children });
-}
-function useAppState() {
-  return (0, import_react8.useContext)(StateContext);
-}
-
-// src/components/Form/Form.tsx
-var import_react9 = __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_react9.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_react9.default.Children.map(children, (child) => {
-        const processChild = (child2) => {
-          if (import_react9.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_react9.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_react9.default.cloneElement(childElement, {
-                children: import_react9.default.Children.map(childElement.props.children, processChild)
-              });
-            }
-            return import_react9.default.cloneElement(child2);
-          }
-          return child2;
-        };
-        return processChild(child);
-      }) })
-    }
-  );
-};
-var Form_default = Form;
-
-// src/components/Form/Wrapper.tsx
-var import_react10 = 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_react10.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 = {
   BarChart,
@@ -3146,8 +2855,6 @@ var Wrapper_default = FormWrapper;
   EmailComposer,
   FileInput,
   FlexLayout,
-  Form,
-  FormWrapper,
   GridLayout,
   Image,
   Modal,
@@ -3164,7 +2871,6 @@ var Wrapper_default = FormWrapper;
   Shape,
   Spacer,
   Stages,
-  StateProvider,
   SwitchToggle,
   Table,
   Tabs,
@@ -3175,9 +2881,7 @@ var Wrapper_default = FormWrapper;
   URL,
   cn,
   getInitials,
-  showSonnerToast,
-  stateReducer,
-  useAppState
+  showSonnerToast
 });
 /*! Bundled license information: