@algorithm-shift/design-system 1.2.979 → 1.2.980

package/dist/index.mjs

@@ -1690,7 +1690,7 @@ __export(lucide_react_exports, {
   FerrisWheelIcon: () => FerrisWheel,
   Figma: () => Figma,
   FigmaIcon: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileArchiveIcon: () => FileArchive,
   FileAudio: () => FileAudio,
@@ -1743,7 +1743,7 @@ __export(lucide_react_exports, {
   FileEditIcon: () => FilePen,
   FileHeart: () => FileHeart,
   FileHeartIcon: () => FileHeart,
-  FileIcon: () => File,
+  FileIcon: () => File2,
   FileImage: () => FileImage,
   FileImageIcon: () => FileImage,
   FileInput: () => FileInput,
@@ -3100,7 +3100,7 @@ __export(lucide_react_exports, {
   LucideFence: () => Fence,
   LucideFerrisWheel: () => FerrisWheel,
   LucideFigma: () => Figma,
-  LucideFile: () => File,
+  LucideFile: () => File2,
   LucideFileArchive: () => FileArchive,
   LucideFileAudio: () => FileAudio,
   LucideFileAudio2: () => FileAudio2,
@@ -6521,7 +6521,7 @@ __export(icons_exports, {
   Fence: () => Fence,
   FerrisWheel: () => FerrisWheel,
   Figma: () => Figma,
-  File: () => File,
+  File: () => File2,
   FileArchive: () => FileArchive,
   FileAudio: () => FileAudio,
   FileAudio2: () => FileAudio2,
@@ -14671,7 +14671,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 = [
@@ -26926,18 +26926,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__ */ jsxs7(Fragment3, { children: [
     /* @__PURE__ */ jsx20(
       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,
@@ -26968,14 +26976,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__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx21("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx21(
       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,
@@ -27011,13 +27026,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__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx22("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx22(
       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,
@@ -27053,14 +27076,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__ */ jsxs10(Fragment6, { children: [
     /* @__PURE__ */ jsx23("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx23(
       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,
@@ -27156,16 +27186,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__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex justify-start items-center relative", children: [
       /* @__PURE__ */ jsx26("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__ */ jsx26(
         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,
@@ -28400,14 +28437,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__ */ jsxs22(Fragment15, { children: [
     /* @__PURE__ */ jsx41("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx41(
       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,
@@ -28439,14 +28483,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__ */ jsxs23("div", { className: "d-flex items-center relative align-middle", children: [
     /* @__PURE__ */ jsx42(
       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,