@algorithm-shift/design-system 1.2.979 → 1.2.980

package/dist/index.js

@@ -1786,7 +1786,7 @@ __export(lucide_react_exports, {
   FerrisWheelIcon: () => FerrisWheel,
   Figma: () => Figma,
   FigmaIcon: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileArchiveIcon: () => FileArchive,
   FileAudio: () => FileAudio,
@@ -1839,7 +1839,7 @@ __export(lucide_react_exports, {
   FileEditIcon: () => FilePen,
   FileHeart: () => FileHeart,
   FileHeartIcon: () => FileHeart,
-  FileIcon: () => File,
+  FileIcon: () => File2,
   FileImage: () => FileImage,
   FileImageIcon: () => FileImage,
   FileInput: () => FileInput,
@@ -3196,7 +3196,7 @@ __export(lucide_react_exports, {
   LucideFence: () => Fence,
   LucideFerrisWheel: () => FerrisWheel,
   LucideFigma: () => Figma,
-  LucideFile: () => File,
+  LucideFile: () => File2,
   LucideFileArchive: () => FileArchive,
   LucideFileAudio: () => FileAudio,
   LucideFileAudio2: () => FileAudio2,
@@ -6617,7 +6617,7 @@ __export(icons_exports, {
   Fence: () => Fence,
   FerrisWheel: () => FerrisWheel,
   Figma: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileAudio: () => FileAudio,
   FileAudio2: () => FileAudio2,
@@ -14767,7 +14767,7 @@ var __iconNode630 = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
 ];
-var File = createLucideIcon("file", __iconNode630);
+var File2 = createLucideIcon("file", __iconNode630);
 
 // node_modules/lucide-react/dist/esm/icons/files.js
 var __iconNode631 = [
@@ -27022,18 +27022,26 @@ var TextInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Input,
       {
         type: props.inputType || "text",
         name: props.name,
+        id: props.name || "text-field",
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
           borderColor: props.errorMessage ? "#f87171" : style?.borderColor
         },
-        value: props.value || "",
+        value: formatValue(props.value),
         autoComplete: isAutocomplete ? "on" : "off",
         placeholder,
         onChange: handleChange,
@@ -27064,14 +27072,21 @@ var NumberInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return 0;
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Input,
       {
-        type: "number",
+        type: props.inputType || "number",
         id: props.name || "number-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27107,13 +27122,21 @@ var EmailInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Input,
       {
-        type: "email",
+        type: props.inputType || "email",
         name: props.name,
-        value: props.value || "",
+        id: props.name || "email-field",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27149,14 +27172,21 @@ var PasswordInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       Input,
       {
-        type: "password",
+        type: props.inputType || "password",
         id: props.name || "password-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -27252,16 +27282,23 @@ var UrlInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex justify-start items-center relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "bg-[#E9E9E9] absolute px-10 text-center top-1/2 h-full justify-center items-center flex w-10 -translate-y-1/2 text-[#383838] font-[500] text-[12px]", children: "https://" }),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         Input,
         {
-          id: "url-field",
-          type: "url",
+          id: props.name || "url-field",
+          type: props.inputType || "url",
           name: props.name,
-          value: props.value || "",
+          value: formatValue(props.value),
           className: cn(className, props.errorMessage ? "border-red-500" : ""),
           style: {
             ...style,
@@ -28496,14 +28533,21 @@ var SearchInput = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Input,
       {
-        type: "text",
+        type: props.inputType || "search",
         id: props.name || "text-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,
@@ -28535,14 +28579,21 @@ var FileInput2 = ({ className, style, ...props }) => {
   const handleChange = (e) => {
     props.onChange?.(e, props?.name || "");
   };
+  const formatValue = (value) => {
+    if (props.inputType === "file") {
+      return value instanceof File || value instanceof FileList ? value : null;
+    }
+    if (value === null || value === void 0) return "";
+    return value;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "d-flex items-center relative align-middle", children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       Input,
       {
-        type: "file",
-        id: "file",
+        type: props.inputType || "file",
+        id: props.name || "file-field",
         name: props.name,
-        value: props.value || "",
+        value: formatValue(props.value),
         className: cn(className, props.errorMessage ? "border-red-500" : ""),
         style: {
           ...style,